码迷,mamicode.com
首页 > 其他好文 > 详细

on事件绑定阻止冒泡的问题

时间:2016-12-30 11:47:21      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:事件绑定   add   top   cli   冒泡   doc   gif   com   排队   

当使用on进行事件绑定时当要给document绑定click,而子元素要禁止冒泡,那么子元素里面的子元素的click事件就会无效了,

下面无效版:

$(‘#queue‘).on(‘click‘, ‘.link‘, function() {
        var t = $(this)
        ,box = t.next()
        if(t.hasClass(‘active‘)) {
            box.hide()
            t.removeClass(‘active‘)
        }
        else {
            box.show()
            t.addClass(‘active‘)
        }
        event.stopPropagation()
    })

//排队列表收缩
    $(document).on(‘click‘,‘body‘,function(){
        $(‘.link‘).removeClass(‘active‘)
        $(‘.queue-box‘).hide();
    })
    $(‘#queue‘).on(‘click‘,‘.queue-box‘,function(){//绑 $(‘#queue‘)或 $(document)都一样
        event.stopPropagation()

//主要是下面
            $(document).on(‘click‘,‘.btn-queue-join‘,function(){
                mywebsocket.send(JSON.stringify({
                    "action": "patientJoinQueue",
                    "patientCode": patientCode,
                    "orderCode": $(this).parents(‘.item‘).attr(‘data-id‘)
                }))
            });
//修改$(document)为$(‘.queue-box‘)就可以了
            $(‘.queue-box‘).on(‘click‘,‘.btn-queue-join‘,function(){
                mywebsocket.send(JSON.stringify({
                    "action": "patientJoinQueue",
                    "patientCode": patientCode,
                    "orderCode": $(this).parents(‘.item‘).attr(‘data-id‘)
                }))
            });

 


参考http://www.cnblogs.com/tengj/p/4794947.html对其进行了理解

暂时没空后面补理解

on事件绑定阻止冒泡的问题

标签:事件绑定   add   top   cli   冒泡   doc   gif   com   排队   

原文地址:http://www.cnblogs.com/lichuntian/p/6236202.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!