Question

  //Save new category information
  $('.save_cat').live('click', function() {

      cat_id =  $(this).attr("id").slice(4);
      cat_name = $(this).parent().prev().prev().children('.cat_name_edit').val();
      sort_order = $(this).parent().prev().children('.sort_order_edit').val();

      $.ajax({ type: 'POST',
               url: '../file/category/update_category',
               data: { 'cat_id' : cat_id, 
                       'sort_order' : sort_order,
                       'cat_name' : cat_name},
               beforeSend:function(){

                  //action while loading

               },
               success:function(data){

                   alert('hi');
                   $(this).html("Edit");

               },
               error:function(){

                   // failed request; give feedback to user
                   alert("An unexpected error has occurred. Your category could not be saved.");
               },  

               dataType : 'json'
      });
  });

在成功处理程序中，我试图将点击元素的html从“保存”更改为“编辑”。如果我将它直接放在.save_cat的单击处理程序下面，它可以正常工作。请求成功后我该怎么办？

Answer 1

您需要在live处理程序的本地变量中捕获其值。

$('.save_cat').live('click', function() {
    var $that = $(this);

    // These should be vars.
    var cat_id =  $that.attr("id").slice(4);
    ...
    $.ajax({ ...
        success: function() { $that.html("Edit"); }

FWIW，.delegate is preferred超过.live jQuery＆lt; 1.7和jQuery 1.7 + .on is preferred中的2。

在jquery ajax成功处理程序中访问它

1 个答案: