2017-04-07 3 views
0

私はdgoguerra's bootstrap-menuを使用しています。特定のクラスや特定の子要素を右クリックすると、ブートストラップメニューが開かれないようにする必要があることを除いて、素晴らしいことです。特定のクラスまたは要素でブートストラップメニューを開くことを防止する

デモをご覧ください。 https://jsfiddle.net/8k0zn6ws/2/

私は第一と第三の行にオープンするブートストラップメニューを防ぐことができますが、私はクラスlabel-warningをクリックするとオープンするメニューを阻止したいと思います。特定の子要素または特定のクラス(label-warning)がセレクタ内に見つかった場合は、preventDefault()を使用できますか。

私は4つのコンテキストメニューを試しました。これは私のテーブルで安定して働いたものでした。

+0

コンテキストメニューに返信用 –

+0

感謝をもたらすことはありませんが、私は予防しようとしています子要素の右クリック時の初期化からのメニューidをclassに変更しても、子要素には影響しません。 – hijacker83

答えて

0

jQueryを使用して、予想される要素を選択することができます。たとえば、次のようにクラスにIDを変更

var menu = new BootstrapMenu('.label-warning', { 
    fetchElementData: function($rowElem) { 
    var rowId = $rowElem.data('rowId'); 
    return demo4Rows[rowId]; 
    }, 
... 
+0

ご返信ありがとうございます。更新されたjsfiddleをご覧ください。 https://jsfiddle.net/8k0zn6ws/4/それは動作しませんでした。 – hijacker83

+0

あなたのアイデアを伝えるのは私の例です。詳細については、https://jsfiddle.net/strv6kyj/ –

+0

を参照してください。この場合、tr要素とspan要素に同じクラスを与えました。どのように動作するのかよく分かりませんが、同じクラス私のtr要素と私の子要素(div、ul、button)は動作しません。子要素を右クリックするとコンテキストメニューが開きます。必然的にこれが必要です。 – hijacker83

関連する問題