jQuery:在额外的Ajax请求之后隐藏Ajax加载的Div

Question

jQuery('.delete-tag').live('click', function(e) {
    e.preventDefault();

    var id = jQuery(this).attr('id');

    var data_string = "ajax=1&tag-id=" + id + "";

    jQuery.ajax({
        type: "POST",
        url: file_path + "tags/edit/delete/",
        data: data_string,
        dataType: "json",
        success: function(ajax_output) {
            jQuery(this).hide();
        }
    });
});

该.delete-tag链接在一个模式窗口通过AJAX加载.我live()用来绑定此链接的click事件.Ajax运行正常,但我无法hide()在加载ajax的链接上工作.

建议？一切都有效,除了隐藏.

Answer 1

一旦进入ajax成功函数,就this指向不同的对象.将原始参考存储在另一个变量中:

var orig = jQuery(this);
jQuery.ajax({
        type: "POST",
        url: file_path + "tags/edit/delete/",
        data: data_string,
        dataType: "json",
        success: function(ajax_output) {
            orig.hide();
        }
    });