zoukankan      html  css  js  c++  java
  • Keep Bootstrap dropdown open on click

    http://stackoverflow.com/questions/10480697/keep-bootstrap-dropdown-open-on-click

    问题描述,在下拉菜单中,添加其他元素,例如,原文作者所述的<a>和我自己实际用到的<input>,如果不加处理的话,那么在点击需要操作的元素的时候,由于事件传播的原因将会出现下拉菜单也隐藏掉的情况。

    解决方法

    $('.dropdown-menu a.removefromcart').click(function(e){
        e.stopPropagation();});

    指定要操作的元素的click事件停止传播

    2

    $(function(){
        $("ul.dropdown-menu").on("click","[data-stopPropagation]",function(e){
            e.stopPropagation();});});

    定义属性值data-stopPropagation的元素点击时停止传播事件

    <ulclass="dropdown-menu"><li>
            <-- Do not close when clicking this link -->
            <ahref="#"data-stopPropagation="true">
                ...
            </a></li><li>
            <-- Do not close when clicking this checkbox -->
            <inputtype="checkbox"data-stopPropagation="true" ... ></li>
    
        <-- Do not close when clicking anything in this LI -->
        <lidata-stopPropagation="true">
            ...
        </li></ul>

    之后需要时加上该属性即可。

  • 相关阅读:
    小程序请求Django后台及路由跳转
    git操作
    github 介绍
    小程序01
    HTML5要点(四)对象全整理
    JavaScript要点(十二) HTML DOM 事件
    JavaScript要点(九)HTML DOM
    JavaScript要点(八) 闭包
    inferred 和 freefrom
    MySql数据库实现分布式的主从结构
  • 原文地址:https://www.cnblogs.com/miki/p/3308552.html
Copyright © 2011-2022 走看看