javascript - 为什么ul下的li绑定不了事件

问题描述

问 题

//html代码:

<div class="hot">
        <div class="hot_nav">
            <ul class="hot_list"><!--加了个class属性-->
                <li class="bingxiang"><i></i><span>冰箱冷柜</span</li>
                <li class="xiyiji"><i></i><span>洗衣机</span></li>
                <li class="dianshi"><i></i><span>电视</span></li>
                <li class="kongtiao"><i></i><span>空调</span></li>
                <li class="reshuiqi"><i></i><span>热水器</span></li>
                <li class="chufang"><i></i><span>厨房电器</span></li>
                <li class="shenghuo"><i></i><span>生活家电</span></li>
            </ul>
        </div>

//JS代码:
$('.hot_nav').on('click','.hot_nav>ul>li',function(){

var htype=$(this).attr('class');
console.log(htype);
loadhot(htype);

});
//ul下的li无法绑定,给ul加个class却能找到,已经确定ul为唯一ul
$('.hot_nav').on('click','.hot_list>li',function(){

var htype=$(this).attr('class');
console.log(htype);
loadhot(htype);

});

解决方案

$('.hot_nav').on('click','>li',function(){
//your code   在后面不要写父元素选择器
})

这篇关于javascript - 为什么ul下的li绑定不了事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！