jQuery链接和难看的格式

Question

我有一个表格，每行有两个单元格。第一个包含数据，第二个包含输入按钮“编辑”和“删除”。为了让我用下面的代码这个不显眼的ajax：

<tr> 
    <td>I have some data for you</td> 
    <td> 
     <a href="edit" class="edit"><input type="button" value="Edit" /></a> 
     <a href="delete" class="delete"><input type="button" value="Delete" /></a> 
    </td> 
</tr> 

$("a.edit").live("click",function(){ 
    $tr = $(this).parent().parent(); 
    $tr.children().fadeOut(400,function(){ 
     $tr.loadingGif(function(){ 
      $tr.ajaxGetEditForm(); 
      }); 
     }); 
    return false;  
}); 

.loadingGif（）就是这样变成了黄色的背景，并提供了“负载” GIF功能。 ajaxGetEditForm（）是一个使Ajax调用并用Edit输入表单替换旧数据的函数。

它按预期工作，但它们是链接这些事件的更干净的方式吗？当我有$ tr.children（）。fadeOut（）。parent（）。isLoading（）... JavaScript只是通过函数拍摄。 I.E.我希望它在开始下一个之前等待fadeOut动画完成。

Answer 1

您将有一些问题，你在某些浏览器锚标记内输入按钮，详情参见这个问题：

Button inside of anchor link works in Firefox but not in Internet Explorer?