0

W3C Bootstrap ポップオーバー チュートリアルを使用して、以下のコードを取得しました。Visual Studio を使用すると、Web ページは正常に動作します。しかし、「私のウェブサイトのツールトップを作るのはとても簡単です！」という内容です。ボタンがホバーされたときに表示されるはずです（最初のデモのように：http://www.w3resource.com/twitter-bootstrap/popover-tutorial.php）

しかし、そうではありません-ボタンをクリックする必要があります-ホバーが機能しないのはなぜですか?

プロジェクト ルートに次の 3 つのファイルがあります。

<script src="js/jquery.js"></script>  
<script src="js/bootstrap-tooltip.js"></script>  
<script src="js/bootstrap-popover.js"></script>

そして、私は次のようなトリガーを追加しようとしました:

{ $("#example").popover({trigger: 'hover'});,

しかし、それもうまくいきませんでした。

私は何が欠けていますか？

4

2 に答える 2

0

並べ替え：Twitter BootstrapまたはW3Cpopoverチュートリアルのどこにも、「js / bootstrap-popover.js」ファイルにアクセスし、クリックトリガーをホバーに変更してホバーを機能させる必要があるとは記載されていません。

偶然にJS/bootstrap-popover.jsを開いて、次のコードに気づきました。

   $.fn.popover.defaults = $.extend({}, $.fn.tooltip.defaults, {
    placement: 'right',
     trigger: 'click'

そこで、トリガーをホバーに変更しました。

trigger: 'hover'
于 2012-10-07T21:22:15.250 に答える
0

HTML

<a href="#" id="example" class="btn large primary" rel="popover">hover for popover</a>

ジャバスクリプト

var img = '<img src="" />';

$("#example").popover({ title: 'Look! A bird!', content: img });​​​

公開されている例: http://jsfiddle.net/weuWk/

今すぐあなたの問題に適応してください!!

于 2012-09-30T22:38:52.027 に答える