1

我有一些动态生成的表单字段。我想根据刚刚更改的值更新输入字段。摆弄下面的代码后，事件似乎触发了两次（因为警报触发了两次）。第一次触发改变了我想要的文本字段，但是在第二次触发时将其更改为零。为什么下面的代码会触发两次？我怎样才能防止这种情况？

咖啡脚本

$(document).on 'change','#qty', ->
  $('#amount').val($(this).val())
  alert($(this).val())

相当于上面的Javascript

$(document).on('change', '#qty', function() {
  $('#amount').val($(this).val());
  return alert($(this).val());
});
4

2 回答 2

1

功能没有问题on()。看到这个小提琴。

编码：

$('body').append($('<input>').attr('id', 'dynamic'));
$(document).on('keyup', '#dynamic', function(e) {
    console.log(e, e.target);
    /*
    Since all functions in JavaScript has a return value, 
    and if you don't specify them they would default to undefined, 
    thus you might return something explicitly here. 
    But it has no effect upon the execution of the on() function.
    */
});

我猜你绑定了偶数处理程序两次。这是最有可能的情况。为了测试这一点，我建议您首先使用 . 检查附加到#dynamic元素的处理程序$('#dynamic').data('events')。如果它是未定义的，那么你还没有绑定任何处理程序，但如果它返回一个对象，那么你已经绑定了一些事件。

于 2013-02-07T05:54:06.350 回答
0

由于每次添加元素时都在运行代码，因此只需直接绑定到它。

$("#qty").on("change",...
于 2013-02-07T04:57:04.773 回答