检测CSS类在jQuery中的单击
检测CSS类在jQuery中的单击
提问于 2020-12-24 14:20:11
我的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>
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-12-24 14:30:39
$('.dropdown-item ml-2')将在具有css类的其他元素中选择<ml-2> 元素。您的代码没有<ml-2>元素，相反，ml-2作为一个额外的css类存在。
你想要的却是：
$('.dropdown-item.ml-2')如果要选择具有多个特定css类的项，则在两者之间没有任何空格的情况下编写它们，只需将它们与类选择器.连接。
Stack Overflow用户
发布于 2020-12-24 14:30:14
您的选择器在.之前缺少一个ml-2，它应该是
$('.dropdown-item.ml-2')页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65439537
复制相关文章
相似问题
腾讯云开发者
