0

ユーザーがページ内のいくつかのliにカーソルを合わせているときに、ポップオーバーを表示したいと考えています。したがって、ブートストラップページの例を確認した後、これが私がしたことです。スクリプトは body タグを閉じる前に配置されます

$("li").each(function (i){
    $(this).popover({title:"Title", content:"Content", trigger:"hover"});
});

しかし、それでもポップオーバーは表示されません。

私のhtmlはシンプルです

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
   etc...
</ul>

しかし、ポップオーバーは表示されません...何が間違っていますか?

4

2 に答える 2

1

スクリプトに構文エラーがあります

jQuery(function ($) {
    $("li").popover({
        title: "Title",
        content: "Content",
        trigger: "hover",
        placement: 'bottom'
    }); //<-- missing  } here
});

デモ:フィドル

于 2013-11-14T08:32:33.820 に答える
0

タイトルとコンテンツを jQuery スクリプトではなく DOM に入れます (関心の分離)。これは、data-各 li タグ内で HTML 5 属性を使用することを意味します。例えば

<li data-title="The Title" data-content="The content">One</li>

これは、jQuery スクリプト内でポップオーバーのタイトルとコンテンツを指定する必要がないことを意味します。

于 2013-11-14T08:41:09.220 に答える