我正在使用 semantic-ui,我想在 dropdown
中显示一些信息文本.但即使它是 <div class="header item">
,它也充当链接
这里的个人资料,设置和注销是链接,其余是文本(不可点击)
我尝试过的示例模型。
<div class="ui dropdown item">
<i class="icon dropdown"></i>
<div class="menu hidden">
<div class="header item">Narottam Guattom</div>
<a href="#" class="item">Action one</a>
<a href="#" class="item">Action one</a>
<a href="#" class="item">Action one</a>
</div>
</div>
Semantic-ui 对待 div
作为链接和下拉菜单在点击时关闭。
有没有更好的方法在 semantic-ui 中实现这个或者我怎样才能防止点击事件。
最佳答案
您应该自定义元素选择器。尝试使用下一个代码
$.fn.dropdown.settings.selector.item = '.menu > .item:not(.header)'; // change selector for all dropdowns
您也可以在本地指定元素选择器。阅读更多关于 dropdown DOM settings 的信息正确配置
关于javascript - 语义用户界面下拉列表中的简单不可点击文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25265519/