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の 1 つのオプションがあります。これは、メッセージのカウントを保持し、最後のメッセージでのみアニメーション コールバックを実行することです。

---

クリックまたは 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();
}