jquery冒泡

最新推荐文章于 2024-08-17 15:56:45 发布

慢慢地迷失

最新推荐文章于 2024-08-17 15:56:45 发布

阅读量329

点赞数

分类专栏： java学习文章标签：冒泡

本文链接：https://blog.csdn.net/xpyuserxpy/article/details/38977409

版权

java学习专栏收录该内容

38 篇文章 0 订阅

订阅专栏

//点击空白处隐藏树   文档冒泡

$(document).bind('click',function(e){

   $("#tree").css("display", "none");

   });
//阻止冒泡
$('#treeDiv').bind('click',function(e){
   e.stopPropagation();
   showTree();
   });
//阻止冒泡
$('#tree').bind('click',function(e){
   e.stopPropagation();
   });


        <div id="treeDiv" style="width:120px;" class="btn-group" tabIndex="1111">
                       <button style="width:120px;" class="btn btn-success dropdown-toggle" > 主机来源
                           <span class="caret"></span>
                       </button>
                       <ul id="tree" status="show" class="dropdown-menu ztree"
                           style="display: none;">
                       </ul>
                   </div>