javascript - Dropdown Semantic-UI：通过更改事件保留按钮值

Question

我想知道如何在 Semantic-UI 中选择一个项目后保持默认下拉按钮值不变？我的问题是，当我选择一个项目时，默认按钮会保留所选项目的值（或文本）。

这是我的代码：

<div class="ui blue labeled icon top left pointing dropdown button" id="#top_panel_dropdown">
<i class="icon basic user" ></i>
<span class="text" >Hi, Dear John</span>
 <div class="menu" >
    <div class="item">Settings</div>
    <div class="item">Profile</div>
    <div class="item">Logout</div>
 </div>
</div>

和我的 jQuery：

$('#top_panel_dropdown').on('click', function() {
    $('#top_panel_dropdown').dropdown('toggle');
});

Answer 1

只需删除 span class="text"，如下所示：

<div class="ui blue labeled icon top left pointing dropdown button" id="#top_panel_dropdown">
<i class="icon basic user" ></i>
Hi, Dear John
 <div class="menu" >
    <div class="item">Settings</div>
    <div class="item">Profile</div>
    <div class="item">Logout</div>
 </div>
</div>