11

ネストされた ajax 'success' 関数内から $(this) を参照する際に問題が発生しています...これはスコープの問題であることはわかっていますが、更新が成功したときにダイアログを閉じるためのきれいな方法を見つけることができないようです。助けてくれてありがとう。

$("#dialog_support_option_form").dialog({
        width: 400,
        height: 180,
        bgiframe: true,
        autoOpen: false,
        modal: true,
        buttons: {
            'Save Support Option': function(){
                $.ajax({
                    type: 'POST',
                    url: "support_options/create_support_option.php",
                    data: $(this).find('form').serialize(),
                    success: function(data){
                        $("#list_support_options").html(data);
                        $(this).dialog('close');
                    }
                });
            },
            'Cancel': function(){
                $(this).dialog('close');
            }
        },
        close: function(){
            $(this).find('input').val('');
        }
    });
4

3 に答える 3

21

context: $(this),コールバックのスコープを選択した要素に設定するには、ajax オプションを使用する必要があります。

于 2010-04-06T14:53:58.963 に答える
4

次のように、その変数のコピーが必要です。

var dlg = $(this);
$.ajax({
   type: 'POST',
   url: "support_options/create_support_option.php",
   data: $(this).find('form').serialize(),
   success: function(data){
     $("#list_support_options").html(data);
     dlg.dialog('close');
   }
});

は戻り時に異なるコンテキストにあるためthis、それをキャプチャしてクロージャに渡す必要があります:)

于 2010-04-06T14:50:53.657 に答える
2

で試してみてください$.proxy()

success: $.proxy(function(data){
   $(this).dialog('close');
}, this);

スコープを「上」から「上」の関数に「渡す」ことができます

于 2010-04-06T14:51:01.207 に答える