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">小学生</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

用户jQuery .live（）或.on（），具体取决于您使用的jQuery版本。

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

JS不会在加载的html上工作

1 个答案: