2

アイコンだけの順序付けられていないリストがあるとしましょう (ここでは 1 つだけ):

<ul>
     <li class="in-row"><a href="#" id="meddelanden" data-content="Content here..." 
          data-title="Meddelanden" data-toggle="clickover" data-placement="left">
          <i class="icon-globe"></i></a>
     </li>
</ul>

これらのインクルード ファイルを html ドキュメントに追加します。

    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script>
         $('#meddelanden').popover('animate');
    </script>

アイコンを押すと問題なく表示され、コンテンツが表示されますが、そのポップオーバーコンテナーにリンクやブレークなどをいくつか入れたいと思います。これどうやってするの？

4

2 に答える 2

2

はい、できます。ポップオーバーcontentとhtml属性を使用してみてください... See Doc

http://jsfiddle.net/4jhzg/

html

<ul>
     <li class="in-row"><a href="#" id="meddelanden"  
          data-title="Meddelanden" data-toggle="clickover" data-placement="right">
         <i class="icon-globe"></i></a>
     </li>
</ul>

脚本

var elem = '<div><a href="google.com">google</a></div>';
$('#meddelanden').popover({animation:true, content:elem, html:true});
于 2013-04-25T16:40:09.367 に答える