5 
var makeField = function(name, value) {
    return $('<input />').attr({
        type: 'hidden',
        name: name,
        value: value
    });
};

$('.login').on('click', function() {
    var form = $('<form />').attr('method', 'POST');

    form.append(makeField('n0', 'data1'));
    form.append(makeField('n1', 'data2'));
    form.append(makeField('n2', 'data3'));

    $(document).append(form);
    form.submit();
});

上記のコードはSafari、Chrome、Operaで正常に機能しますが、Firefoxはを無視しform.submit();ます。console.log('...');送信呼び出しの上下に追加して上記のコードをテストしたところ、エラーなしで実行されました。また、を呼び出し$(form).submit();てみましたが、同じ望ましくない結果が得られました。

誰かが以前にこれに遭遇したことがありますか、または解決策がありますか？

4

1 に答える 1

5

新しいコードで更新

$(function() {
    var makeField = function(name, value) {
        return $('<input />').attr({
            type: 'hidden',
            name: name,
            value: value
        });
    };

     $(document).on('click', '.login', function() {
        var form = $("<form />").attr({ method: "POST" }).append(
                makeField('n0', 'data1'),
                makeField('n1', 'data2'),
                makeField('n2', 'data3')
            );

        // just adding a callback on submit here to show it works
        form.submit(function(e){ alert("Submitting Form"); });

        $("body").append(form);
        form.submit();
    });
})

ここでFFのWORKINGjsFiddleを参照してください

于 2012-04-11T15:09:26.120 に答える