Jquery :如何动态禁用列表项？
Jquery :如何动态禁用列表项？
提问于 2014-04-02 19:14:10
请告知我如何禁用列表项(动态)？
设想情况是：
当应用程序启动时，列表视图中的10个列表项都已启用。现在，当用户选择任何列表项时，我需要禁用9个列表项的其余部分。
回答 3
Stack Overflow用户
回答已采纳
发布于 2014-04-02 19:58:00
在jQuery移动中，您可以将类ui-state-disabled添加到listitem中的锚标记中，以禁用它。因此，当您单击其中之一时，要禁用所有其他词义：
$(document).on("pagecreate", "#page1", function(){
$("#theList li a").on("click", function(){
$("#theList li a").addClass("ui-state-disabled");
$(this).removeClass("ui-state-disabled");
});
$("#btnClear").on("click", function(){
$("#theList li a").removeClass("ui-state-disabled");
});
});注意: theList是UL的id，btnClear是一个单独按钮的id，它将禁用的tate从所有的listitems中删除。
演示
Stack Overflow用户
发布于 2014-04-02 19:21:44
$(selector).addClass('disabled');
最好的答案，我可以没有更多的细节。
Stack Overflow用户
发布于 2014-04-02 19:24:36
同意@Rene，你需要提供更多的细节。对于这个抽象的问题，一个普遍的(不是最干净的)解决办法是：
CSS：
.disabled {
pointer-events: none;
/* other styles: grayed background etc. */
}联署材料(与先前答复相同)：
$(selector).addClass('disabled');这允许在单击时不检查JavaScript中的状态就禁用它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22820890
复制相关文章
相似问题
腾讯云开发者
