0

過去 5 ～ 6 時間、次のコードを機能させようとしましたが、うまくいきませんでした。

このコードの何が問題なのかを理解してくれる人はいますか? 削除リンクをクリックしても何も起こりません。

ここに私のテーブルがあります：

<table id="links">
    <tr id="record-<?php echo $row['FeePaymentId']; ?>">
        <td><?php echo $row['MasterEntryValue']; ?></td>
        <td><?php echo $row['Amount']; ?></td>
        <td><a href="#" class="delete">delete</a></td>
    </tr>
</table>

ここに私のJavaScriptがあります:

$('table#links td a.delete').click(function() {
    if (confirm("Are you sure you want to delete this row?")) {
        var id = $(this).parent().parent().attr('id');
        var data = 'id=' + id ;
        var parent = $(this).parent().parent();

        $.ajax({
            type: "POST",
            url: "DeleteRow.php",
            data: data,
            cache: false,
            success: function() {
                parent.fadeOut('slow', function() {$(this).remove();});
            }
        });                
    }
})
4

2 に答える 2

0

ページに他の JS エラーがなく、クリック イベントがまったく発生しない場合、JS に問題はありません。$(document).ready(function () {}); 内に JS コードを配置するだけではありません。

$(document).ready(function () {
    $('table#links td a.delete').click(function()
    {
        if (confirm("Are you sure you want to delete this row?"))
        {
            var id = $(this).parent().parent().attr('id');
            var data = 'id=' + id ;
            var parent = $(this).parent().parent();

            $.ajax(
            {
                   type: "POST",
                   url: "DeleteRow.php",
                   data: data,
                   cache: false,

                   success: function()
                   {
                        parent.fadeOut('slow', function() {$(this).remove();});
                   }
             });                
        }
    })
});
于 2013-05-21T13:49:56.800 に答える
0

セレクターが正しくありません。$('#links a.delete')これを試してください: ID が「links」の要素の下にあるクラスが「delete」のすべてのアンカー要素が選択されます

jsfiddle

于 2013-05-21T13:50:29.093 に答える