我在一个奇怪的情况堆栈。 而我无法从逻辑上解决它。jQuery - AJAX |两个ajax在同一页上张贴| POST-POST问题/问题
问题: (都无需刷新页面做!):
- jQuery让一个AJAX POST到服务器上添加内容到数据库中。 (写的东西。)...(和它的作品!)
- 现在会显示该元素(并有一个删除按钮)
- 现在,如果我点击这个元素将其删除(使一个新的jQuery AJAX POST )...
- 没有任何反应
是AJAX具有限制或我要检查/重新编辑/学到东西?
Firebug返回新元素并检查它 - 我应该能够在创建它时删除它。 (删除只有在我刷新页面后才起作用。)
请帮忙!
编辑1: LINK DELETED。
EDIT.2:这里是老(勘误表)代码: (全是 '文件准备好' 功能)
//////////// COMMON: $('。list> *')。addClass('delete'); var valDel = 0; $('。delete')。attr('value',function(){valDel ++; return + valDel;});
/////////////// WRITE:
$(function() {
$("form.form #submit_btn").click(function() {
//SOMETHING ON CLICK....+
var name = $('#name').val();
var comment = $('#comment').val();
var email = $('#email').val();
var i = 0;
$.ajax({
type: "POST",
data: "ime="+ime+"&komentar="+komentar+"&email="+email,
cache: false,
success: function(){
//SOMETHING ON SUCCESS....+
$('.list >*').addClass('delete');
$('.delete').attr('value', function() {i++; return ''+i;}); // FIX: add again incremented values
}
});
return false;
});
});
/////////////////////// DELETE:
$(function() {
$(".delete").click(function() { // THE FIX: ...).live('click', function(){...
$(this).addClass('toBeDeleted');
var valx = $(this).attr("value");
var string = 'valx='+ valx;
$.ajax({
type: "POST",
data: string,
cache: false,
success: function(){
$('.toBeDeleted').hide(function() {
$(this).remove();
var reValDel = 0;$('.list >*').attr('value', function() {reValDel++; return +reValDel;});
});
}
});
return false;
});
});
显示您的代码缩小版本说明并允许我们重现问题而不是链接到某个站点。你真的希望有人对你的网站进行反向工程以找到你的错误吗?我不会。 – 2011-02-14 21:37:22
你可以在萤火虫中使用网络面板来自行调试这个 – soju 2011-02-14 21:43:19
@Darin:我欣赏你的批评Darin,我的代码很好,我想给出一个想法,而不是rev-engineering'view source''因为这几乎是不可能的;)我保证在解决方案作为回复后很快发布我的代码。|||谢谢@soju我会试试看! – 2011-02-14 21:54:28