jq实现点击空白处,指定元素消失,且指定元素内部事件不受影响

来源:互联网 发布:linux 调试动态库 编辑:程序博客网 时间:2024/06/07 08:24
  • 第一步首先 先给body事件
$("body").click(function(){    $(".emoji-container").hide();});
  • 元素本身阻止事件冒泡
$(".emoji-container").click(function(e){    e.stopPropagation();//阻止冒泡到body});

要实现这样的表情包切功能,发现冒泡事件将bootstrap的tab事件抑制了

  • 这里再重新写一下事件,就可以实现tab切换了
$('#emojiTab a').click(function (e) {    e.preventDefault();    $(this).tab('show')});