Question

我正在尝试使用Semantic-ui Tab模块。它正在发挥作用。

HTML代码：

def makeFPrime(func):
    def inner(x, a, b, c, d):
        return a + b * (3*(c*func(x-d)))
    return inner

@makeFPrime
def f(x):
    return 3*x

Javascript代码：

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

造成麻烦的是什么：

单击任何选项卡时，默认功能是将页面的URL更改为$('.menu .item').tab();属性的值。例如。当有人点击tab-1时，url会更改为data-tab（因为tab-1的data-tab属性值为“first”）。

我们是否有办法阻止这种情况发生。这个网址的变化扰乱了我的其他功能。否则，我需要在我的应用程序中进行太多更改才能使其正常工作。

由于

Answer 1

根据document

只需将历史记录设为false

即可

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

Semantic-ui：单击选项卡时停止URL更改

1 个答案: