Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery可重用函数_Jquery_Function_Row_Reusability - Fatal编程技术网

JQuery可重用函数

JQuery可重用函数,jquery,function,row,reusability,Jquery,Function,Row,Reusability,对JQuery完全陌生,所以我每天都在学习 我注意到的一件事是,这是多么容易,你可以写 $('div#test).remove(); 但我正在寻找一个关于如何重用某些代码的示例,例如: function RemoveTableRow(row, id) { $(row).remove(); // id should be used for ajax call } 然后在我的锚标签上添加一个“onclick” onclick="RemoveTableRow('user-row-1'

对JQuery完全陌生,所以我每天都在学习

我注意到的一件事是,这是多么容易,你可以写

$('div#test).remove();
但我正在寻找一个关于如何重用某些代码的示例,例如:

function RemoveTableRow(row, id) 
{
   $(row).remove();
   // id should be used for ajax call
}
然后在我的锚标签上添加一个“onclick”

onclick="RemoveTableRow('user-row-1', 32);"
但不知何故,即使我将其添加到document.ready函数中,它也不起作用。有人能帮我剪下来吗,这是最好的做法吗

提前谢谢。这个论坛太棒了

更新

我从这里得到的帮助中更新了代码。这是我目前的代码,我想知道这是否是最好的方法

function RemoveTableRow(row, id) {
            $.ajax({
             type: "POST",
             url: "Default.aspx/DeleteEmployee",
             data: "{'ID':'" + id + "'}",
             beforeSend: function() {
                  $("#" + row).animate({'backgroundColor':'#fb6c6c'},300);
             },
             success: function() {
              $("#" + row).slideUp(300,function() {
                    $("#" + row).remove();
              });
             }
        });
    }

user-row-1是表行的ID吗?如果是,则表示您的选择器中缺少

function RemoveTableRow(row, id) {
   $('#'+row).remove();
   // id should be used for ajax call
}
或者在不更改函数的情况下,使用完整的选择器调用它

onclick="RemoveTableRow('#user-row-1', 32);"

user-row-1是表行的ID吗?如果是,则表示您的选择器中缺少

function RemoveTableRow(row, id) {
   $('#'+row).remove();
   // id should be used for ajax call
}
或者在不更改函数的情况下,使用完整的选择器调用它

onclick="RemoveTableRow('#user-row-1', 32);"

要将onclick绑定到哪里?假设它是一个id为myid的DOM元素,则可以执行以下操作:

("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );

要将onclick绑定到哪里?假设它是一个id为myid的DOM元素,则可以执行以下操作:

("#myid").click(function () {RemoveTableRow('user-row-1', 32);} );

您是否收到任何JavaScript错误?编辑中的代码看起来很好,看起来是最好的方法。我不会改变它。你有没有JavaScript错误?你编辑的代码看起来很好,看起来是最好的方法。我不会改变的,当然!这管用!这是最好的方法吗?或者你会推荐其他方法吗?这不是一个坏方法,但是你可以使用更多的jQuery功能。例如(),如果每行都有一个delete按钮(只需阅读对kgiannakakis答案的注释),那么可以将click事件侦听器绑定到这些delete按钮,并找到该按钮的父TR元素$('.deleteButtons')。单击(函数(e){$(this.parent().parent().remove()})或$('.deleteButtons')。单击(函数(e){$(this.parents('tr').eq(0.remove())这应该可以很好地工作。但是我需要通过点击来传递一些参数?在这种情况下,我不清楚,但是如果你能解释一下,你是如何使用这些参数的,这些数字意味着什么,那么也许我可以给出一个替代的解决方案。请发布更多的代码(RemoveTableRow函数的其余部分)对不起,没有找到更好的解决方案,所以我的第一个答案将是课程的最后一个答案!这管用!这是最好的方法吗?或者你会推荐其他方法吗?这不是一个坏方法,但是你可以使用更多的jQuery功能。例如(),如果每行都有一个delete按钮(只需阅读对kgiannakakis答案的注释),那么可以将click事件侦听器绑定到这些delete按钮,并找到该按钮的父TR元素$('.deleteButtons')。单击(函数(e){$(this.parent().parent().remove()})或$('.deleteButtons')。单击(函数(e){$(this.parents('tr').eq(0.remove())这应该可以很好地工作。但是我需要通过点击来传递一些参数?在这种情况下,我不清楚,但是如果你能解释一下,你是如何使用这些参数的,这些数字意味着什么,那么也许我可以给出一个替代的解决方案。请发布更多的代码(RemoveTableRow函数的其余部分)抱歉,没有找到更好的解决方案,因此我的第一个答案是最终有一些表行,每个表行的末尾都有一个删除按钮,其中输出来自动态代码,所以我需要某种方法来避免硬编码ID的点击。我有一些表行,每个表行的末尾都有一个删除按钮,其中的输出来自动态代码,所以我需要某种方法来避免硬编码ID的点击。