Semantic-ui : 单击选项卡时停止 url 更改

Question

我正在尝试使用 Semantic-ui Tab 模块。它正在运行。

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>

Javascript代码：

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

什么在制造麻烦:

单击任何选项卡时，默认功能是将页面的 url 更改为 data-tab 属性的值。例如。当有人单击 tab-1 时，url 更改为 http://localhost#/first（因为 tab-1 的数据选项卡属性值为 "first"）。

有什么方法可以阻止这种情况发生。 url 的这种变化扰乱了我的其他功能。否则我需要在我的应用程序中进行太多更改才能使其正常工作。

谢谢

Answer 1

根据document

只需将历史设置为 false

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

Semantic-ui : 单击选项卡时停止 url 更改

Semantic-ui : Stop url change when a tab is clicked

html

javascript

tabs

semantic-ui