.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