1

私はここでいくつかの問題を抱えています...

このような要素があるとしましょう...

bootstrap(document).ready(function() {

       bootstrap('#popinquiry').popover({trigger:'hover'});
});

ソースコードでnoConflictを使用しています..そして、このような要素があります..

<a href='#' id='popinquiry' rel='popover' title='Popover Title'>heree</a>

そして、ページを読み込んだ後..ポップオーバーが表示されましたが、上記で設定したトリガーが機能しません..最初に「heree」をクリックしてポップオーバーを表示する必要があります..しかし、「popinquiry」に直接トリガーを書き込むと

<a href='#' id='popinquiry' rel='popover' data-trigger='hover' title='Popover Title'>heree</a>

オプションはうまくいきました..助けてもらえますか?? 問題はすべてポップオーバーオプションパラメーターから外れています

4

2 に答える 2

0

このコードを試してください。それがあなたの問題を解決することを願っています：

JavaScript:

<script type="text/javascript">
$(function () {
    $(".btn").popover({
        trigger: 'hover',
        placement : 'bottom'
    });
});
</script>

HTML:

<a href="#" class="btn" data-toggle="popover" title="Popover title" data-content="Popover content">Popover</a>

さらに、このページでより多くの実用的な例を確認できます - http://www.tutorialrepublic.com/twitter-bootstrap-tutorial/bootstrap-popovers.php

于 2013-09-17T11:19:31.443 に答える
0

あなたのJavaScript：

<script>  
$(function ()  
{ $('#popinquiry').popover();  
});  
</script>

あなたのhtml：

<div class="well">  
<a href="#" id="popinquiry"  rel="popover" data-content="A simple tooltip for my awesome website" data-original-title="Twitter Bootstrap Popover">hover for popover</a>  
</div>
于 2012-12-04T07:27:13.340 に答える