remodal.jsについて、
http://vodkabears.github.io/remodal/
remodalにて、モーダル表示する際に親要素のクリックイベントを無効にするには、
どう記述したらいいのか分からず困っています。
HTML
1<table> 2 <tr> 3 <td>セル1</td> 4 <td>セル2</td> 5 <td>セル3 6 <div class="inner"> 7 要素 8 <a href="#" data-remodal-target="modal" class="btn"></a> 9 </div> 10 </td> 11 </tr> 12<table>
javaScript
1$('tr').on('click', function(){ 2 $(this).toggleClass('show'); 3});
.innerは読み込み時非表示で、trをクリックしたらtrにクラスを付加し、表示/非表示を切り替えています。
そのtrに対してのクリックイベント処理を、remodalのクリックイベント発火時は無効にしたいです。
現状、.btnをクリックしモーダル表示した際に、innerに対してのイベントも発火してしまいます。
まだまだJSを理解しきれておらず、基本的な内容であれば申し訳ございません。
お手数ですが、どなたかご教示お願いできますでしょうか?
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/07/27 00:27