0

サイトで Twitter ブートストラップを使用しており、navbar のリスト項目でポップオーバーを有効にしたかったのですが、問題があるようです。これは私のリスト要素です:

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

リンクが機能せず、ポップアップがトグルしますが、toogle に設定していません。次のように呼び出します。

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);
     };
});

編集：ポップオーバーを他の場所に配置すると、リンクが本来あるべき場所にとどまりません...

4

1 に答える 1

0

ハッシュタグ( )の 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();  });

Obs .: Jquery を忘れないでください。

于 2013-05-25T01:17:49.983 に答える