[英].click event (jQuery) for <li> element in dropdown menu (Bootstrap)
I'm using Bootstrap and I've the following drop down menu: 我正在使用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>
I would like to use the .click
event of jQuery to check if the first item is being clicked: 我想使用jQuery的
.click
事件来检查是否单击了第一项:
$(function () {
$("#one").click(function() {
alert("Alert!");
});
});
Unfortunately that's not working. 不幸的是,这不起作用。 When the list item is NOT in the dropdown menu it works perfectly.
当列表项不在下拉菜单中时,它可以完美工作。
Thanks for any support in advance! 感谢您的任何预先支持!
Just Copy
and Check, its Working
.. 只需
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.