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(){}); }); });
コメント