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?