如何使li元素不可点击

Question

我是html，css和javascript的新手，我想知道是否有办法让<li>元素无法点击。基本上我想要一个活动元素，并禁用其他元素，而不是可点击。

现在，当我点击其他<li>时，主动移动到该元素，我无法弄清楚如何将它留在第一个元素上。

Answer 1

您需要发布下拉列表的代码，因为在不知道如何触发<li>代码的情况下无法帮助您进一步帮助您。

这是一个jQuery示例，显示了一个非常简单的列表项菜单。

jsFiddle Demo

我添加了两种方法来阻止<li>元素被点击：简单的布尔开关，并使用jQuery的.off()方法。

<强> HTML：

Some List Items:<br>
<ul>
    <li>First Item</li>
    <li class="active">Second Item</li>
    <li>Third Item</li>
    <li>Fourth Item</li>
</ul>
<input id="mybutt" type="button" value="Disallow First Click" />

<强>的jQuery / JavaScript的：

var ok2change=1;

$('body').on('click', 'li', function() {
    if (ok2change==1){
        $('li').removeClass('active');
        $(this).addClass('active');
        ok2change=0;
    }
});

$('#mybutt').click(function() {
    $('body').off('click', 'li');
    $(this).val('First click disallowed also');
});

Answer 2

将一些css类添加到“active”li元素并更改附加处理程序的选择器，以便它只附加到它：

$("li.someCssClass").click(function() {
  // ...
});

这里只有具有“someCssClass”的li elenements会对点击作出反应，其他人则不会。