Question

我正在使用Bootstrap，而且我还有以下下拉菜单：

<span class="dropdown">
   <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Toggle</button>
   <ul class="dropdown-menu" role="menu">
      <li id="one">One</li>
      <li id="two">Two</li>
   </ul>
</span>

我想使用jQuery的.click事件来检查是否点击了第一个项目：

$(function () {
   $("#one").click(function() {
      alert("Alert!");
   });
});

不幸的是，这不起作用。 当列表项不在下拉菜单中时，它可以正常运行。

感谢您提前获得任何支持！

Answer 1

仅Copy并检查，Working ..

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#one").click(function(){
            alert("The paragraph was clicked.");
        });
    });
</script>
</head>
<body>

    <span class="dropdown">
        <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Toggle</button>
        <ul class="dropdown-menu" role="menu">
            <li id="one">One</li>
            <li id="two">Two</li>
        </ul>
    </span>
</body>
</html>

DEMO

下拉菜单中的<li>元素的.click事件（jQuery）（Bootstrap）

1 个答案: