首页 > 代码库 > 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 的点击禁用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。