【jquery】.loadした部分にjsを効かせる方法(getScript)

プロモーションが含まれています

【jquery】.loadした部分にjsを効かせる方法(getScript)

PC用のラッピングページをhtmlで作り、スマホ版もと取り掛かろうとした時の話。
変更があったら2か所変更しなきゃいけないし、内容が同じだから.loadしちゃえばいいなって気付いた!
金額部分を一つのjsで管理してるんだけどそれが.loadした部分に金額のjsが効かなくて困ったのでメモ。

loadの中に$.getScriptでjsを読み込む!

#loadにwrapping.htmlをloadします。セレクタを指定できるので呼び出す範囲を限定したいときは”wrapping.html #contents”のように「url + セレクタ」を指定すればOK!
そして、callbackに$.getScriptで読み込みたいjsを指定すれば.loadしたhtmlにjsが効くようになる!

$(function(){
    $("#load").load("wrapping.html #contents", function() {
    	$.getScript("./js/money.js", function(){});        	
    });
});

コメント

タイトルとURLをコピーしました