dropdown-toggle 的點擊禁用

 <div class="dropdown select-dropdown" id="choiceTagdiv">
                            <a class="select-menu dropdown-toggle" id="choiceTag" value="tf" href="#" 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="#" 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被點擊時，增加一個條件，前一個選擇框條件滿足時，阻止點擊事件的傳播，達到不顯示的效果。