下拉語義UI：按更改事件保留按鈕值

Question

我想知道在Semantic-UI中選擇一個Item后，如何保持默認下拉按鈕值不變？ 我的問題是，當我選擇一個項目時，默認按鈕會保留所選項目的值（或文本）。

這是我的代碼：

<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>