jquery - JS 不能在加载的 html 上工作

Question

我正在使用select2，基于 jQuery 的选择框。
并希望通过选择多个选项来加载页面的一部分。
这很好用，但是 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">小学生&lt;/option>
  <option value="2">中学生&lt;/option>
  <option value="3">高校生&lt;/option>
 </select>
 <select id="e2">
  <option value="1">算数</option>
  <option value="2">英文法&lt;/option>
 </select>
</div>

<div class="map_border" style="height:{{max_loop}}px">
・・・loaded part・・・
</div>

Answer 1

使用 jQuery .live() 或 .on() 取决于您使用的 jQuery 版本。

http://api.jquery.com/live/