0

这是我难以置信的烤面条。所以我设置了一个小提琴来证明我的问题。但小提琴确实有效。

行。我想使用引导选项卡 - 只是为了它们的外观，所以不使用它们的引导行为。

我只是希望锚点 href 像正常的默认行为一样工作。因此，当单击选项卡时，浏览器会重定向到 href。就像普通的锚标签一样。

所以我为我的标签设置了一个导航标记......

<ul class="nav nav-tabs" id="subTabs">

    <li class="active"><a href="http://mywebsite.com">Admin</a></li>
    <li><a href="http://mywebsite.com/individual">Individual</a></li>   
    <li><a href="http://mywebsite.com/studio/">Studio</a></li>
    <li><a href="http://mywebsite.com/location/">Location</a></li>
    <li><a href="http://mywebsite.com/engineers-images/">Engineers</a></li>
    <li><a href="http://mywebsite.com/tech-sketch-images/">Technical Sketch</a></li>
    <li><a href="http://mywebsite.com/videos/">Videos</a></li>
    <li><a href="http://mywebsite.com/documents/">Documents</a></li>

</ul>

<script type="text/javascript">
    $('#subTabs a').click(function (e) {
        return true 
    })
</script>

正常输出选项卡。

因此，当我单击 iphone/ipad 上的选项卡时，它工作正常。

但是当我在桌面浏览器上单击它时，我只会收到这个 js 错误，并且没有任何反应。

在此处输入图像描述

这简直是​​疯了。

因为使用我创建的小提琴，它完全一样，它工作正常！！！


任何人都可以帮助我，请理解什么是错的。

谢谢

http://jsfiddle.net/motocomdigital/aVBUy/1/

对于临时措施，我必须这样做......

<script type="text/javascript">
    $('#subTabs a').click(function (e) {
        e.preventDefault();
        window.location.href = $(this).attr('href');
    })
</script>

但就在页面重定向之前，您可以看到同样的错误发生。

但是您肯定不需要js来使链接可点击吗？

如何删除引导选项卡的默认行为。

4

1 回答 1

0

这个点击事件不应该是必要的。html代码看起来不错。至少如果你已经发布了所有的 js 代码。您链接到的小提琴没有 js 部分，所以这就是它起作用的原因。

但是如果你出于某种原因需要这个 js，我认为不是这样，你会丢失一些分号。我会把事件处理程序放在ready回调中。

$(document).ready(function() {
    $('#subTabs a').click(function(e) {
        return true; 
    });
});

它看起来像在触摸设备上工作的原因可能是，点击甚至没有在那里触发。

于 2013-04-01T17:43:06.360 回答