PJAXの機能を「Barba.js」というjQueryプラグインで実装しました。
●Barba.js
・公式サイト(http://barbajs.org/)
・参考サイト(https://www.willstyle.co.jp/blog/1080/)
しかしフォーム送信時にはこれを動かしたくないです。
動かしたくない場合、「Barba.js」ではvar ignoreClasses = ['classA', 'classB'];
をreturn false;
することによって、// 該当クラスをクリックしたとき
については動かさないようにできます。
下記にある通りです。
javascrtip
1// Barba.jsを無効にする 2Barba.Pjax.originalPreventCheck = Barba.Pjax.preventCheck; 3Barba.Pjax.preventCheck = function(evt, element) { 4 if (!Barba.Pjax.originalPreventCheck(evt, element)) { 5 return false; 6 } 7 8 // 該当クラスをクリックしたとき 9 var ignoreClasses = ['classA', 'classB']; 10 for (var i = 0; i < ignoreClasses.length; i++) { 11 if (element.classList.contains(ignoreClasses[i])) { 12 return false; 13 } 14 } 15 16 // フォームを送信したとき 17 $( '.my-form form' ).on( "submit", function() { 18 return false; 19 } 20 21 return true; 22};
しかし上記の// フォームを送信したとき
ができず、質問させて頂いた次第です。
どのような書き方が適切でしょうか。ご回答宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/16 19:13