javascript - 引导问题，弹出窗口，单击时需要重定向到链接

Question

我在我的网站上使用 twitter bootstrap，我想在导航栏中的列表项上启用弹出框，但我似乎有问题，这是我的列表元素：

<li class="danger">
    <a href="../contest.php"></i> Contest</a>
</li>

现在，如果我这样做：

<li class="danger">
    <a href="../contest.php" id="contestPop" data-placement="bottom" data-original-title="title" data-content="content"></i> Contest</a>
</li>

链接不起作用，弹出窗口切换，但我没有将它设置为 togle，我这样称呼它：

JS：

$(document).ready(function() {

     var seenAdd = $.cookie("Add")

     if (seenAdd == 1) {

        return;
     } else {

        $.cookie("Add", 1, { path: '/' }, { expires: 30 }); 
        setTimeout(function (){ $("#contestPop").popover("show");},2000);
        setTimeout(function (){ $("#contestPop").popover("destroy");},8000);
     };
});

编辑：如果我将弹出框放在其他位置，则链接不会停留在应有的位置...

Answer 1

更改主题标签( ) 的 url 或../contest.php删除元素;。这是错的。#javascript:;<i>

您可以通过这种方式使用弹出框：

<li class="danger">
<a href="#" id="contestPop" data-placement="bottom" data-original-title="title" data-content="content"> Contest</a>

在你的 JS 中：

$(function ()  { $("#contestPop").popover();  });  

观察者：不要忘记 Jquery。