虽然firstli.hasClass('selected')
可以正常工作并检索正确的元素。 removeClass函数似乎没有删除到类。取消选中某个元素时,我希望第一个li
也可以取消选中。
以下是jfiddle(代码位于底部)
注意:当您取消选中其他选项之一时,我希望取消选中“全选”。
var firstli = $('.dropdown-menu.inner li').first();
firstli.click(function(event) {
if (!firstli.hasClass('selected')) {
$('.selectpicker').selectpicker('selectAll');
}
else {
$('.selectpicker').selectpicker('deselectAll');
}
return false;
});
var alllis = $('.dropdown-menu.inner li:not(:first-child)');
alllis.click(function(event) {
if ($(this).hasClass('selected')) {
alert(firstli.hasClass('selected')); //true
firstli.removeClass('selected');
}
});
答案 0 :(得分:2)
问题在于setSelected()
重新检查全选选项。为了解决这个问题,我将该功能更改为以下内容:
setSelected: function (c, d) {
if (d) {
this.$menu.find("li").eq(c).addClass("selected")
} else {
this.$menu.find("li").eq(c).removeClass("selected")
this.$menu.find("li:first-child").removeClass("selected")
}
}
基本上,如果必须删除selected
类,您就知道它们并未全部检查过。这很有效。