Simple Non Clickable Text In Semantic-ui Dropdown

I am using semantic-ui and I want to show some info text in dropdown. But it act as a link even it's a

Here profile, settings and logout are link a

Solution 1:

You should customize items selector. Try to use next code

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

Also you can specify item selector locally. Read more about dropdown DOM settings to configure it properly

Solution 2:

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

Share