Question

这里有什么问题，的index.php

<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 !
});

Answer 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);
});

Answer 2

使用event-delegation

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

Answer 3

将您的功能更改为：

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

Answer 4

尝试以下代码：

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

jquery事件监听器不起作用

4 个答案: