Question

这个问题是我的另一个问题Here的一部分。我已经摆弄了虚线项目功能的例子。您可以使用添加行按钮添加行，右侧的小方块应该是一个将删除行的glyphicon垃圾桶。

在给出的示例中，您将注意到作为页面加载一部分的前两行将允许您编辑数量和速率值，并将自动更新小计和总计。当您添加新行并尝试更新数量和费率时，会出现此问题。没有任何事情发生。

我认为这种冲突是由于我在以下功能中没有看到的。或者更糟糕的是，添加了表行并且不允许jquery访问元素。

$('#addVar').on('click', function(){

  var varCount = $('#lineitem tr').length;

  $node = ['<tr>',
    '<td class="count vert-align text-center">'+varCount+'</td>',
    '<td><select name="itemID[]" class="itemID form-control">',
    '<option disabled selected>Product/Service</option>',
    '</select></td>',
    '<td ><input class="itemdetail form-control" type="text" name="describe" value=""/></td>',
    '<td ><input id="qty" class="qty form-control" type="text" name="qty" value="0"/></td>',
    '<td ><input id="rate" class="rate form-control" type="text" name="rate" value="0.00"/></td>',
    '<td ><input id="amount" class="amount form-control" type="text" name="amount" value="0.00"/></td>',
    '<td class="vert-align text-center"><a class="removeVar"><span class="glyphicon glyphicon-trash"></span></a></td>',
    '</tr>'].join('\n');
  $('#lineitem > tbody:last').append($node);
});

和

$("select.itemID").mousedown(function(){
    var $this = $(this);
    if (data) {
        $(this).val(data);
    } else {
        itemList();
        $(this).html(result);
    }
});

Fiddle Example

原始问题的其他因素会对此行产生影响。比如mousedown上的选择列表和更改事件（它们都不起作用）用于填充用户可以编辑数量和费率的行。

编辑**在复制问题之前，请务必阅读代码....一切都绑定到.on（）事件因此不是一个重复的问题..其他错误。我已经改变了.on（＆＃34; mousedown＆＃34;，＆＃34;＃itemID＆＃34;功能......他们没有直接改变

Jquery行项目脚本计算和ajax调用

0 个答案: