我有以下脚本:
<script>
$(".dropdown-menu li a").onclick = function () {
alert("got in");
};
</script>
下面是我的下拉列表的代码
<div class="dropdown" style="margin:5px;">
<button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown">
Choose Fix Version
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="fixVersionDropdown">
<li><a href="#">Test</a></li>
</ul>
</div>
下拉列表的内容是由另一个脚本动态构建的,但我不认为这是问题所在。如果我在Firefox中使用检查器,“.dropdown-menu > li > a
”条目被列为.dropdown-menu > li > a
,这与我检查任何动态条目时看到的是一样的。此外,当我选择所有.dropdown-menu > li > a
条目时,它会突出显示下拉列表中的每一项。
那么,为什么不单击.dropdown-list > li > a
项就不能触发脚本呢?
发布于 2018-06-07 02:59:51
您需要等待,直到DOM准备就绪,您的"onclick“应该只是单击。
$(document).ready(function () {
$(".dropdown-menu li a").click(function () {
alert("got in");
});
});
发布于 2018-06-07 03:00:13
简单的错误语法
$(".dropdown-menu li a").click( function() {
alert("got in");
});
// -OR-
$(".dropdown-menu li a").on( "click", function() {
alert("got in");
});
发布于 2018-06-07 02:57:09
尝试:
$( document ).ready(function() {
$(".dropdown-menu li a").click= function () {
alert("got in");
};
})
https://stackoverflow.com/questions/50727594
复制相似问题