2012-12-01 66 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。我會再嘗試一些。 –

回答