如何解决表单帖子和ajax帖子之间的奇怪冲突

Question

在一个页面上，我尝试使用ajax来编辑现有值。我使用jQueryInlineEdit发布新数据，更新记录并成功返回。

这很好用。

接下来，我实现了添加新记录的功能，为此，我在表的末尾有一个表单，它提交帖子数据，然后重定向回原始页面。

它们中的每一个都单独工作，但在我使用表单添加新记录后，内联编辑就停止工作了。如果我关闭网页并重新打开它，它会再次正常工作，直到我使用了表单，它再次偏离轨道。

我尝试了许多解决方案，清除会话数据，给表单单独命名，重定向到另一个页面(这确实有效，但并不理想，因为我希望表单重定向回原始位置)。

以下是视图表单数据的示例：

<?php foreach($week->incomes as $income):?>
<tr>
<td><?php echo $income->name;?></td>
<td width="70" style="text-align:right;" class="editableSingle income id<?php echo $income->id;?>">$<?php echo $income->cost;?></td>
</tr>
<?php endforeach;?>
<?php echo form_open('budget/add/'.$week->id.'/income/index', 'class="form-vertical" id="add_income"'); ?>
<tr>
<td>
<input type="text" name="name" class="input-small" placeholder="Name">
<input type="text" name="cost" class="input-small" placeholder="Cost">
</td>
<td>
<button type="submit" class="btn btn-small pull-right"><i class="icon-plus "></i></button>
</td>
</tr>
<?php echo form_close(); ?>

这是javascript初始化代码：

$(function(){
$.inlineEdit({
income: 'budget/update_income/',
expense: 'budget/update_expense/'
}, 
{
animate: false,
filterElementValue: function($o){
if ($o.hasClass('income')) {
return $o.html().match(/$(.+)/)[1];
}
else if ($o.hasClass('expense')) {
return $o.html().match(/$(.+)/)[1];
}
else {
return $o.html();
}
}, 
afterSave: function(o){
if (o.type == 'income') {
$('.income.id' + o.id).prepend('$');
}
if (o.type == 'expense') {
$('.expense.id' + o.id).prepend('$');
}
},
colors: { error:'green' }
});
});

如果我能提供更多信息来澄清我的尝试等，请告诉我。

临时修复

我似乎已经想出了一个解决方案，但并不理想，因为我仍然不确定是什么导致了这个问题。

我创建了一个名为重定向的方法。

public function redirect(){
redirect('');
}

我现在在表单提交后调用它，它暂时允许我的多个帖子提交工作。

Answer 1

请尝试通过替换jquery符号来查看。

$应替换为jQuery，然后它将创建新的实例以正常工作

Answer 2

我在某个地方听说，如果将表单放入table标记中，jquery将无法工作。它需要在表外，如：

<form>
<table>
...
</table>
</form>

如果在ajax加载的表元素内，jQuery不会带来表单元素的内容

经过测试，我发现它是部分真实的，(又称不可靠)。。。这就是我停止使用表格的原因。