2012-12-01 65 views
0

我使用select2,基于jQuery的选择框。
并希望通过选定的多个选项加载页面的一部分。
这工作正常,但JavaScript不会在加载的部分工作。
我该如何解决这个问题?JS将无法加载html

<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> 
+1

这里看到这个答案:http://stackoverflow.com/a/9331127/5836 – Brettski

+0

这是连接事件元素动态加载的问题? – zeMinimalist

+0

谢谢@Brettski。我读过它,但我无法弄清楚我应该如何使用.on。我会再尝试一些。 –

回答