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?

jQuery链接和丑陋的格式

1 个答案: