###【任務】
チェックしたら「jquery.ui.touch-punch.min.js」というライブラリを作動させたいです。
ライブラリ「jquery.ui.touch-punch.min.js」
https://raw.githubusercontent.com/furf/jquery-ui-touch-punch/master/jquery.ui.touch-punch.js
次の【作戦A】と【作戦B】では、なぜできないのかご教示いただけませんでしょうか?
###【作戦A】.loadで読み込む作戦
下記をtest.jsに書いて、それと同じディレクトリに「jquery.ui.touch-punch.min.js」を置いてみました。しかしチェックを入れても読み込みが始まってくれませんでした。
▼test.js
javascript
1(function($){ 2$(function() { 3 $('#check').on('change', function(){ 4 if ($(this).is(':checked')) { 5 $("body").load("jquery.ui.touch-punch.min.js"); 6 } 7 }); 8}); 9})(jQuery);
###【作戦B】ライブラリに書き込む作戦
直接「jquery.ui.touch-punch.min.js」をチェックイベントで囲ってみました。やはり読み込んでくれません。
▼jquery.ui.touch-punch.min.js
javascript
1(function($){ 2$(function() { 3 $('#check').on('change', function(){ 4 if ($(this).is(':checked')) { 5 6 ///jquery.ui.touch-punch.min.jsの中身をここに書く 7 8 } 9 }); 10}); 11})(jQuery); 12
ちなみに、普段通りfunctions.phpにwp_enqueue_script('jquery.ui.touch-punch.min.js');
を書く方法ならばちゃんと読み込んで作動してくれます。
今回はそうでなく、#checkをチェックしたタイミングで、読み込んで欲しいのです。
上の作戦は何がいけないのでしょうか。また正しい方法をご存じの方がいらっしゃいましたら、どうぞよろしくお願いいたします。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/04/03 03:02
2018/04/03 03:10 編集
退会済みユーザー
2018/04/03 03:13
2018/04/03 03:17
2018/04/03 03:18
退会済みユーザー
2018/04/03 03:22
2018/04/03 03:28 編集
退会済みユーザー
2018/04/03 03:40
退会済みユーザー
2018/04/03 03:47 編集
2018/04/03 03:44
退会済みユーザー
2018/04/03 03:48
2018/04/03 03:49
2018/04/03 03:50 編集
2018/04/03 03:54 編集
退会済みユーザー
2018/04/03 04:02
2018/04/03 04:03
退会済みユーザー
2018/04/03 04:06
退会済みユーザー
2018/04/03 04:08
退会済みユーザー
2018/04/03 07:40 編集
2018/04/03 07:08
退会済みユーザー
2018/04/03 07:18 編集
2018/04/03 07:26 編集
退会済みユーザー
2018/04/03 07:31
退会済みユーザー
2018/04/03 07:34