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 调用并用编辑输入表单替换旧数据的函数。

它按预期工作，但是它们是链接这些事件的更干净的方式吗？当我有 $tr.children().fadeOut().parent().isLoading()... javascript 只是通过函数进行拍摄。 IE。我希望它等待淡出动画完成后再开始下一个动画。

Answer 1

在某些浏览器中，您在 anchor 标记内输入按钮时会遇到一些问题，请参阅此问题以获取更多信息:

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