javascript - 为什么 jQuery 更改仅在加载函数内触发一次？

Question

我有一个加载表单的 div，我想在数据更改时用数据加载表单 url，但它只触发一次

我的代码

$( "#calculator-wrapper" ).load( "mysite.com/new2/kalkulator/index.php", function(data) {
    $('#calculator').change(function(){
        var formData = $(this).serialize();    
        $("#calculator-wrapper").load("mysite.com/new2/kalkulator/index.php?"+formData+'&sub=Sz%C3%A1mol');
    });    
});

它有效，但只有一次，我是初学者所以我卡住了一秒钟，我尝试使用 bind() 和 on() 但那没有要么工作。

有人可以给我提示吗？

Answer 1

您需要为更改事件委托(delegate)事件。试试这个:

$( "#calculator-wrapper" ).load( "mysite.com/new2/kalkulator/index.php", function(data) {
$(document).on("change",'#calculator',function(){
    var formData = $(this).serialize();
    $( "#calculator-wrapper" ).load("mysite.com/new2/kalkulator/index.php?"+formData+'&sub=Sz%C3%A1mol');
});});