0

内部リンク(「削除」)がクリックされたときにdivを削除するコードを実行しています。この質問が繰り返される可能性があることはわかっています。非常に多くの方法を試しましたが、うまくいきませんでした。何が問題なのかわからない。

これが私のHTMLレンダリングコードです:

<div id="ViewRows">
    <br>
    <div class="ViewRow"> NOS: FA Comment: finance
        <a class="deleteViewRow" href="#">Delete</a>
    <br>
    </div>
    <div class="ViewRow">
       NOS: TPA Comment: Assistance
       <a class="deleteViewRow" href="#">Delete</a>
       <br>
    </div>
</div>

これが、そのdivを削除するための私のjavascriptコードです。

$("a.deleteViewRow").live("click", function () {
   $(this).parents("div.ViewRow:first").remove();
   return false;
});

次のJavaScriptも試しました：

$("#ViewRows").on("click", "a.deleteViewRow", function () {
    $(this).closest("div.ViewRow").andSelf().remove();
    return false;
});

別のページで同じコードを試しました。それは機能していますが、別のページに同じロジックを適用したときです。動いていない。私はあなたがすべて正しいことを知っていますが、何が問題なのかわかりません。firebug では、関数に入ることすらありません。

4

3 に答える 3

2

これはうまくいくはずです：

$("#ViewRows").on("click", "a.deleteViewRow", function (e) {
    // prevent browser from following link
    e.preventDefault();
    // ".andSelf()" can be skipped - once the parent div is removed, the link gets removed as well
    $(this).closest("div.ViewRow").remove();
});
于 2013-03-11T12:49:39.380 に答える
1

このシンプルで効率的なコードは正常に機能します：http：//jsfiddle.net/L2CsH/

$("#ViewRows").on("click", "a.deleteViewRow", function () {
    $(this).parent().remove();
});
于 2013-03-11T12:58:48.913 に答える
0

リンクのデフォルト アクションを防止する必要があります。event.preventDefault()

$("#ViewRows").on("click", "a.deleteViewRow", function (e) {
    e.preventDefault();
    $(this).closest("div.ViewRow").remove(); //.andSelf() is not needed here. 
    //return false;
});

デモ: Div JSFiddle を削除

于 2013-03-11T12:48:07.353 に答える