我的HTML文件中包含以下代码。
在JavaScript文件中，我尝试检测是否有dropdown-item ml-2与之关联的类的任何项目被点击。但是，该click()功能没有被捕获。
$(document).ready(function() {
$('.dropdown-item ml-2').click(function() {
alert('hello');
});
});<span class="dropdown-item-text font-weight-bold">People</span>
<a class="dropdown-item ml-2" id="optAffiliates" href="#">Affiliates</a>
<a class="dropdown-item ml-2" id="optBusiness" href="#">Business</a>
<a class="dropdown-item ml-2" href="#">Inquiries</a>
<a class="dropdown-item ml-2" href="#">Students</a>
<a class="dropdown-item ml-2" href="#">Students</a>
</span>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="{{url('myproject/public/js/ya-jquery.js')}}" type="text/javascript"></script>$('.dropdown-item ml-2')
会在css类为的其他元素中选择<ml-2> 元素dropdown-item。您的代码没有<ml-2>元素，而是ml-2作为一个附加的CSS类存在。
您想要的是：
$('.dropdown-item.ml-2')
如果要选择具有多个特定CSS类的项目，则可以在它们之间没有任何空格的情况下编写它们，而只需将它们与类选择器连接即可 .
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句