select2 、jQueryベースのselectboxを使用しています。
そして、選択された複数のオプションによってページの一部をロードしたい。
これは正常に機能しますが、ロードされた部分ではjavascriptは機能しません。
どうすればこれを解決できますか?
<script>
$(function(){
$("#e1").on("change", function(e){
$(".map_border").load('.', {"age":e.val, "cat":$("#e2").select2("val") });
});
});
$(function(){
$("#e2").on("change", function(e){
$(".map_border").load('.', {"cat":e.val, "age":$("#e1").select2("val") });
});
});
</script>
<div class="selector">
<select id="e1">
<option value="1">小学生</option>
<option value="2">中学生</option>
<option value="3">高校生</option>
</select>
<select id="e2">
<option value="1">算数</option>
<option value="2">英文法</option>
</select>
</div>
<div class="map_border" style="height:{{max_loop}}px">
・・・loaded part・・・
</div>