javascript - 语义 UI 下拉列表中的简单不可点击文本

Question

我正在使用语义 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视为链接，下拉菜单在点击时关闭。
有没有更好的方法在语义 UI 中实现这一点，或者如何防止点击事件。

Answer 1

$( ".header " ).click(function( event ) {
event.preventDefault();
........//Custom code 
});

Answer 2

您应该自定义项目选择器。尝试使用下一个代码

$.fn.dropdown.settings.selector.item = '.menu > .item:not(.header)'; // change selector for all dropdowns

您也可以在本地指定项目选择器。阅读有关下拉 DOM 设置的更多信息以正确配置它