0

Twitter Boostrap 2.2.1でポップオーバー機能を使用したときに、ホバーのトリガー時にアクティブのままになるようにする簡単な方法はありますか？私が尋ねる理由は、クリックできるようにしたいリンクのメニューがあるためです。要素をクリックしても同様に機能するため、クリックしてトリガーする必要はありません。

例はWordPressで、管理パネルのナビゲーションバーに一連のアイコンがあり、それらにカーソルを合わせると、次のようにホバーポップオーバーが表示されます。

ここに画像の説明を入力してください

画像から、アイコンにカーソルを合わせてドロップダウンを取得したことがわかります。クリックイベントは、折りたたまれた状態でアイコンの主な機能を破壊するため、実行できません。

私が使用しているコードは次のとおりです。

jQuery('#adminmenu li.wp-not-current-submenu.wp-has-submenu, .folded #adminmenu li.wp-has-submenu').popover({       
    html: true,
    title: function() {
        var title = jQuery(this).find('a.menu-top').html();
        return title;
    },
    content: function() {
        var submenu = jQuery(this).find('.wp-submenu').html();
        return submenu;
    },
    placement: 'right',
    trigger: 'hover',
});
4

2 に答える 2

0

解決策-古いバージョンのブートストラップを使用する

于 2012-12-14T23:03:04.173 に答える
0

ポップオーバーがホバー時にトリガーされ、ポップオーバー自体にホバーしている間も表示されたままにする場合は、「コンテナ」オプションを使用して、Bootstrapにポップオーバーをターゲット要素に追加させることができます。そうすれば、ポップオーバーはターゲット要素の一部であり、ホバリングすることはありません。

各アイコンにHTMLIDを追加して、以下を使用する必要があります。

container: "#the-icon-id"

これは、ここで行っているようにセレクターを使用するのではなく、要素ごとに1つの「ポップオーバー」呼び出しがあることも意味します（一般的な方法で機能する「コンテナー」値があるかどうかはわかりません）。

http://twitter.github.io/bootstrap/javascript.html#popoversを参照してください。

于 2013-06-09T23:51:38.590 に答える