选定列表项的可视指示
选定列表项的可视指示
提问于 2012-09-11 02:33:42
我对jQuery手机非常陌生，对knockout.js更是陌生。现在，我将使用asp.net mvc4框架为移动设备开发一个网站。
这个网站的大部分页面将有两个部分，一个狭窄的左侧部分将驱动页面，中间部分是结果部分。
现在，在左边狭窄的部分中，将有一个farms列表，用户可以选择一个或多个Farms。
挑战在于如何显示选定的列表项，并显示它们已被选中的可视指示。因此，整个列表将在那里，用户选择的列表将与列表项目的实际文本一起显示(选定)或类似的内容。
这样做是可能的吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-09-11 03:06:30
您可以将.ui-btn-active类添加到任何按钮小部件，以将active状态应用于按钮。
这里是基本的想法：
<ul data-role="listview">
<li>
<a class="ui-btn-active" href="#">Active</a>
</li>
...
</ul>要更新listview中的所有按钮小部件，您可以执行以下操作：
$('ul').find('a').on('click', function () {
$(this).closest('ul').find('a').removeClass('ui-btn-active');
$(this).addClass('ui-btn-active');
});这是一个演示：http://jsfiddle.net/Fg2TX/2/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12357509
复制相关文章
相似问题
腾讯云开发者
