Javascript 语义ui：单击选项卡时停止url更改

我正在尝试使用模块。它正在工作

HTML代码：

<div class="ui large modal" id="some-modal">
    <div class="ui top attached tabular menu">
        <div class="item" data-tab="first">first</div>
        <div class="item" data-tab="second">second</div>
        <div class="item" data-tab="third">third</div>
    </div>
    <div class="ui bottom attached tab segment" data-tab="first">
        first tab content
    </div>
    <div class="ui bottom attached tab segment" data-tab="second">
        second tab content
    </div>
    <div class="ui bottom attached tab segment" data-tab="third">
        third tab content
    </div>
</div>

$('.menu .item').tab();

什么在制造麻烦：

<div class="ui large modal" id="some-modal">
    <div class="ui top attached tabular menu">
        <div class="item" data-tab="first">first</div>
        <div class="item" data-tab="second">second</div>
        <div class="item" data-tab="third">third</div>
    </div>
    <div class="ui bottom attached tab segment" data-tab="first">
        first tab content
    </div>
    <div class="ui bottom attached tab segment" data-tab="second">
        second tab content
    </div>
    <div class="ui bottom attached tab segment" data-tab="third">
        third tab content
    </div>
</div>

$('.menu .item').tab();

单击任何选项卡时，默认功能是将页面的url更改为

数据选项卡

属性的值。例如，当有人点击tab-1时，url变为

http://localhost#/first

（因为选项卡1的数据选项卡属性值为“第一”）

我们有没有办法阻止这一切的发生。url的这种变化干扰了我的其他功能。否则，我需要在我的应用程序中进行太多的更改才能使其正常工作

谢谢

根据

只是简单地将历史设置为false

$('.menu .item').tab({history: false});

谢谢……：）错误地错过了文档的那一部分。