JQuery删除表行后的Ajax功能
JQuery Remove Table Row After Ajax Function
我知道还有其他类似的问题,但是我执行代码的方式大不相同,因此我应该如何将代码实现到脚本中很复杂。在执行Ajax函数后,当我单击按钮删除一行时,我希望该行淡出,但是每次我添加代码以淡出时,控制台总是出现错误。
这是HTML
<tr class="shift_type1">
<td>Date</td>
<td>Location</td>
<td>Name</td>
<td>Time One</td>
<td>Time Two</td>
<td class="controlbuttons">
<div class="settings">
<span class="icons"><img src="http://i.imgur.com/nnzONel.png" alt="X" /></span>
<span class="icons" onclick="deleteRow('rowcodehereinphp')">Delete</span>
<div class="icons">Edit</div>
<div class="icons">Fill</div>
</div>
</td>
</tr>
这是我用来从SQL数据库中删除条目的jQuery
<script type="text/javascript">
function fadeTr(code) {
$(this).closest('tr').find('td').fadeOut(1000,
function(){
// alert($(this).text());
$(this).parents('tr:first').remove();
});
}
function deleteRow(code) {
var proceed = true;
if (proceed) {
post_data = {'code': code};
$.post('DeletePush.php', post_data, function (response) {
if (response.type == 'error') {
output = '<div class="error">' + response.text + '</div>';
} else {
output = '<div class="success">' + response.text + '</div>';
}
if (response.type == 'error') {
$("#result").hide().html(output).slideDown();
}
else {
$("#result").hide().html(output).slideDown().fadeTr(code);
}
}, 'json');
}
};
Console Log Error
Uncaught TypeError: undefined is not a function
(anonymous function)
j
k.fireWith
x
b
用一种稍微不同且更简单的方式来做:
假设您的html标记如下所示。只需将代码添加到类或行。例如<tr class="shift_type1_<?php echo $rowcodehereinphp; ?>">
.
.
.
</tr>
在你的jquery或javascript
之后$(".shift_type1_"+code).fadeOut(slow);
Here "code" is the parameter which you will receive in your deleteRow(code) function.
希望有帮助…干杯. .
您必须传递要删除的行选择器,并在fadeTr函数中删除活动函数。你可以这样做
<script type="text/javascript">
function deleteRow(code) {
var proceed = true;
if (proceed) {
post_data = {'code': code};
$.post('DeletePush.php', post_data, function (response) {
if (response.type == 'error') {
output = '<div class="error">' + response.text + '</div>';
} else {
output = '<div class="success">' + response.text + '</div>';
}
if (response.type == 'error') {
$("#result").hide().html(output).slideDown();
}
else {
$("#result").hide().html(output).slideDown().live(fadeTr(this));
}
}, 'json');
}
};
</script>
<script>
function fadeTr(row) {
$(row).closest('tr').find('td').fadeOut(1000,
function(){
// alert($(this).text());
$(this).parents('tr:first').remove();
});
}
</script>
相关文章:
- 一个Ajax函数能产生另一个Ajax功能吗
- 当有人点击浏览器关闭按钮时,使用JavaScript或ajax功能
- jQuery重新使用了ajax功能
- 我们可以在多个 id 上调用单个 ajax 功能吗?
- 数据库操作后,Ajax 功能不起作用
- 如何在加载前执行ajax功能
- 重塑ajax功能
- 使用Laravel作为API存储数据,并带有ajax功能
- 将检查是否执行ajax功能的脚本
- Mobile Safari在iOS 5中禁用ajax功能
- 我可以使用提交按钮来激活AJAX功能吗
- 使用Spring/DWR反向Ajax功能来显示对表数据的动态更改
- Ajax功能的按钮按下
- JQuery删除表行后的Ajax功能
- 扩展jquery的ajax功能
- 谷歌分析仪表板AJAX功能没有得到值
- 错误在谷歌分析AJAX功能上的JSON响应
- Grails ajax功能——一个“恼人的bug”
- 包括成功/失败jQuery / Ajax功能
- 更新数据库与javascript AJAX功能通过按钮