0

テーブル editableの行を複製しました。

行には編集可能な2つの列があり、1つは編集可能なテキストエリアで、もう1つは入力数値です。

2 つの入力数値を合計して合計を求める関数があります。あなたはここで試すことができます、そこにありますonblur : "submit"

両方の行を複製しました。これらは編集可能ですが、複製された行では合計を計算する関数が機能しません。

複製された行で関数を機能させるにはどうすればよいですか?

4

1 に答える 1

1

を使用して行を複製しています。ページ内でid="sum"を複製してはいけません。id

要素を複製する必要がある場合は、動的なids を生成して、重複しないようにします。

このような：

var lastid = $('[id^="clonedInput"]').length + 1;
$(".clonedInput").last().clone().attr('id', 'clonedInput' + lastid).appendTo("body")

ここで完全な動作例をテストできます: http://jsfiddle.net/RASG/MjMh5/

また、あなたのjsfiddleは完全に混乱しています。関連するコードのみを保持してください。

編集

わかりましたので、他の問題もあります。
たとえば、関数集計は、複製された行を合計しません。
この関数 (コード全体は言うまでもありません) は、はるかに単純になる可能性があります。

function tally() {
    var total = 0;
    $('p.editable_number').each(function() {
        total += parseInt($(this).text()) || 0;
        $('#total').html(total);
    })
}

ここでテストしてください: http://jsfiddle.net/RASG/MA78A/

于 2012-10-17T13:00:00.807 に答える