2015-07-28 2 views
-1

Что здесь не так, index.phpJQuery слушатель событий не работает

<div id="divM"></div> 
<script src="jquery-1.9.1.min.js"></script> 
<script src="index.js"></script> 

index.js

$("#select01").change(function(){ 
    var a = $(this).val() + ".php"; 
    $("#divM").load(a); 
}); 

Итак, страница загружается внутри divM и select03 находится внутри загруженной стр.

index.js

$("#select03").on("change", function(){ 
    alert ("323"); // nothing happens here ! 
}); 
+0

проверить это http://stackoverflow.com/questions/203198/event-binding-on-dynamically-created-elements –

+0

Решено, спасибо большое – bonaca

ответ

1

Используйте event-delegation

$("#divM").on("change", "#select03", function(){ 
    alert ("323"); // nothing happens here ! 
}); 
1
Try this 
$(document.body).on("change","#select03", function(){ 
    alert ("323"); // nothing happens here ! 
}); 
$("#select01").change(function(){ 
var a = $("#select01 option:selected").val() + ".php"; 
$("#divM").load(a); 
}); 
1

Изменить вашу функцию, чтобы:

$(document).on("change", "#select03", function(){ 
    alert ("323"); // nothing happens here ! 
}); 
1

Попробуйте ниже код:

$(document).on("change", "#select03", function(){ 
    alert ("abc"); // nothing happens here ! 
});