zoukankan      html  css  js  c++  java
  • Bootstrap dropdown a标签或者button 点击事件

    $(function() {
        $("ul.dropdown-menu").on("click", "[data-stopPropagation]", function(e) {
       ////
    [data-stopPropagation]为选择器,li里面点击事件选择器
       e.stopPropagation(); 
    });
    });


    定义属性值data-stopPropagation的元素点击时停止传播事件
    <ul class="dropdown-menu">
        <li>
            <-- Do not close when clicking this link -->
            <a href="#" data-stopPropagation="true">
                ...
            </a>
        </li>
        <li>
            <-- Do not close when clicking this checkbox -->
            <input type="checkbox" data-stopPropagation="true" ... >
        </li>
    
        <-- Do not close when clicking anything in this LI -->
        <li data-stopPropagation="true">
            ...
        </li>
    </ul>
    之后需要时加上该属性即可。
  • 相关阅读:
    维度穿梭
    演绎与抽象
    幻想的功能
    深层探宝
    内存游戏
    函数内功
    共享与私有的变量
    参数的格式
    功能模拟与功能实现
    【Oracle】基础知识查漏补缺
  • 原文地址:https://www.cnblogs.com/chenkg/p/3873486.html
Copyright © 2011-2022 走看看