将jQuery change事件添加到 <select>在ajax更新中幸存（并且不会触发）的对象

Question

我正在结帐页面的一部分上估算运送估计数。 我想将.change（）jQuery事件绑定到我的选择框，然后用ajax请求重新加载表单。

最初我尝试过：

$('select.shipping-updater').live("change", function() {
        $('#shipping_estimation_button').click();
});

但是，一旦ajax调用重新加载了选择框，就会导致页面重新加载，从而触发

当用户单击选择器时，是否可以绑定更改事件？

编辑：这可行，但可能不是很优雅。

$('select.shipping-updater').live("click", function() {
        $('select.shipping-updater').change( function() {
                $('#shipping_estimation_button').click();
        });
});

Answer 1

如何标记选择器？

又名

$('select.shipping-updater').click(function(){
    $(this).addClass("clicked");
}).blur(function(){
    $(this).removeClass("clicked");
});

$('select.shipping-updater.clicked').change(function(){
    $('#shipping_estimation_button').click();
});