.click事件（jQuery） <li> 下拉菜单中的元素（引导程序）

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>

演示

.click事件（jQuery） <li> 下拉菜单中的元素（引导程序）

问题描述

1 个解决方案

解决方案1
-1 2015-07-16 08:11:41

.click事件（jQuery） <li> 下拉菜单中的元素（引导程序）

问题描述

1 个解决方案

解决方案1 -1 2015-07-16 08:11:41

解决方案1
-1 2015-07-16 08:11:41