いつもお世話になっております。
Webサイトを作成しており、モーダル開閉用のスクリプトである「Nifty Modal Window Effects」を使用しております。
ボタンクリックでモーダルは開閉している状態です。
この状態で、開閉する前にajaxで通信を行い、結果次第でモーダルの開閉を制御したいと考えております。
こういったことは可能でしょうか。
参考になるサイトでも構いませんのでご教示いただけますと幸いです。
よろしくお願いいたします。
javascript
1 2var ModalEffects = (function() { 3 function init() { 4 var overlay = document.querySelector('.md-overlay'); 5 [].slice.call(document.querySelectorAll('.md-trigger')).forEach(function(el,i){ 6 var modal = document.querySelector('#' + el.getAttribute('data-modal')), 7 close = modal.querySelector('.md-close'); 8 9 function removeModal( hasPerspective ) { 10 classie.remove( modal, 'md-show' ); 11 if( hasPerspective ) { 12 classie.remove( document.documentElement, 'md-perspective' ); 13 } 14 } 15 16 function removeModalHandler() { 17 removeModal( classie.has( el, 'md-setperspective' ) ); 18 } 19 20 el.addEventListener( 'click', function( ev ) { 21 classie.add( modal, 'md-show' ); 22 overlay.removeEventListener( 'click', removeModalHandler ); 23 overlay.addEventListener( 'click', removeModalHandler ); 24 if( classie.has( el, 'md-setperspective' ) ) { 25 setTimeout( function() { 26 classie.add( document.documentElement, 'md-perspective' ); 27 }, 25 ); 28 } 29 }); 30 31 close.addEventListener( 'click', function( ev ) { 32 ev.stopPropagation(); 33 removeModalHandler(); 34 }); 35 } ); 36 } 37 init(); 38})(); 39
調べ方が悪いとは思うのですが、ググっても分からずこちらに質問させていただきました。
参考になるサイトでも構いませんので、適切な方法をご教示いただけますと幸いです。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。