首页 > 代码库 > dropdown-toggle 的点击禁用

dropdown-toggle 的点击禁用

 <div class="dropdown select-dropdown" id="choiceTagdiv">
                            <a class="select-menu dropdown-toggle" id="choiceTag" value="http://www.mamicode.com/tf" href="http://www.mamicode.com/#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                全部
                                <span class="arrow-b-gray"></span>
                            </a>
                            <ul class="dropdown-menu" id="tagMenu">
                                @for (int i = 0; i < typeList.Count; i++)
                                {
                                    <li><a href="http://www.mamicode.com/#" id="@typeList[i].name">@typeList[i].name</a></li>
                                }
                            </ul>
                        </div>

  存在一个需求,当前一个选择框选择某条件后,此选择框点击不显示更多的选项。可以使用bootstrap提供的event进行处理。

    $("#choiceTag").click(function (e) {
        if ($("#choiceType").attr("value") == "cms_purchase") {
            e.stopPropagation();
        }
    });

  通过choiceTag被点击时,增加一个条件,前一个选择框条件满足时,阻止点击事件的传播,达到不显示的效果。

dropdown-toggle 的点击禁用