jquery - 提交按钮上的 onclick 动画仅适用于 FF（不适用于 IE 或 OP）

Question

有人知道为什么下面的代码只在 FF 中有效吗？

$(document).ready(function() {
    $('#powerSearchSubmitButton').click(function() {
        startLoad();
    });
});

function startLoad() {
    $('.message').each(function(i) {
        $(this).animate({ opacity: 0 }, 500);           
    });
};

Answer 1

尝试添加'return false;' 到您的点击功能。我在我的网站上设置了一个演示，它在 IE6 和 Opera 中运行良好。

Answer 2

***更新****

此处示例http://pastebin.me/4937b07714655 of 1 选项，即保留​​消息计数并仅在最后一条消息上运行动画回调。

---

为什么不从 click 或 event.preventDefault() 返回 false 并在动画回调中提交表单

$(document).ready(function() {
    $('#powerSearchSubmitButton').click(function(ev) {
        startLoad();
        ev.preventDefault();
    });
});

function startLoad() {
    var $messages=$('.message');
    var count=$messages.length -1;
    $messages.each(function(i) {
       $(this).animate({ opacity: 0 }, 500, i == count ? submitForm:null);           
    });
};

function submitForm(){
     $('#yourForm').submit();
}