我想切换3格。在开始的情况下，我有第一个div，因为它的ID，它不能触发clic。当我单击第二个或第三个div（触发）时，单击的DIV必须变为不可单击，而其他2可单击。
我附上我的现场例子：
HTML：
<div id = "not-selectable" class = "btn1">Div 1</div>
<div id = "selectable" class = "btn2">Div 2</div>
<div id = "selectable" class = "btn3">Div 3</div>
JAVASCRIPT：
$( "#selectable" ).click(function(e) {
var className = $(this).attr('class');
alert(className);
if (className == "btn1") {
$("btn1").attr("selectable","not-selectable");
$("btn2").attr("not-selectable","selectable");
$("btn3").attr("not-selectable","selectable");
} else if (className == "btn2") {
$("btn2").attr("selectable","not-selectable");
$("btn1").attr("not-selectable","selectable");
$("btn3").attr("not-selectable","selectable");
} else if (className == "btn3") {
$("btn3").attr("selectable","not-selectable");
$("btn1").attr("not-selectable","selectable");
$("btn2").attr("not-selectable","selectable");
}
});
在这种情况下，当我单击第二个DIV时，它应该变得不可点击....但是什么也没有发生。
谢谢您的帮助！
您的代码中有几个错误。最重要的是ID应该是唯一的。其次，您尝试将值分配给属性“可选”和“不可选择”。这些属性不存在。
如果正确放置标记，则可以非常简单地完成此操作。我建议这样的事情：
的HTML
<div class="buttons">
<div class="button">Div 1</div>
<div class="button selectable">Div 2</div>
<div class="button selectable">Div 3</div>
</div>
jQuery的
$( ".buttons" ).on("click",".selectable",function(e) {
$('.button').addClass('selectable');
$(this).removeClass('selectable');
});
（我添加了一个父元素来简化jQuery中的事件委托。）
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句