JS在加载的html上不起作用

Question

我使用的是基于jQuery的select2选择框。

并希望通过选择多个选项来加载页面的一部分。

这很好用，但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>

Answer 1

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

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