Twitter Bootstrap选项卡 - 用作常规锚标记行为。未捕获的错误

Question

这让我的面条无法相信。所以我设置fiddle来证明我的问题。但小提琴确实有效。

确定。我想使用bootstap标签 - 仅用于它们的外观，因此不使用它们的引导行为。

我只想让锚点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错误，没有任何反应。

这只是疯子。

因为我创建的fiddle完全一样，所以它工作得很好!!!

任何人都可以帮助我，请理解错误。

由于

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才能使链接可以点击吗？

如何删除引导标签默认行为。

Answer 1

此点击事件不应该是nessecary。 HTML代码看起来很好。 至少如果您已经发布了所有js代码。你联系到的小提琴没有js部分，所以这就是它的工作原理。

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

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

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