jQuery's attr (...) в параметре функции не определен

Question

Я использую плагин jQuery под названием webuiPopover. Он добавляет popover к ссылкам. Когда пользователь наводит ссылку, содержимое popover извлекается через AJAX. Для этого требуется определенный url с соответствующими параметрами.

Так это код:

$(document).ready(function() { 
    $(".qa-user-link").webuiPopover({ 
     placement:"auto", 
     trigger:"hover", 
     type:"async", 
     cache:false, 
     url:"./qa-plugin/q2a-user-popover/qa-user-popover-details.php?handle="+$(this).attr("data-id")+"&incdir=%2Fhome%2Fpeatar5%2Fpublic_html%2Fbiophilie%2Fqa-include%2F", 
     content:function(data) {return data;} 
    }); 
}); 

Как вы можете видеть, что я вычислить «URL» делает использование attr(...) функции JQuery в. К сожалению, этот маленький фрагмент кода всегда возвращает «undefined».

Если я использую один и тот же кусок кода ($(this).attr("data-id")) в параметре content (дать function (data) {return $(this).attr("data-id");} он работает отлично.

Что происходит не так?

Answer 1

this относится к document внутри обратного вызова $(document).ready. Он работает внутри обратного вызова content, потому что плагин равен binding элементам content, когда он называет его.

Если вы хотите иметь отдельный URL для каждого popover, вам нужно будет привязать плагин popover отдельно для каждого элемента:

$(document).ready(function() { 
    $(".qa-user-link").each(function () { 
     var $this = $(this); 
     $this.webuiPopover({ 
      placement:"auto", 
      trigger:"hover", 
      type:"async", 
      cache:false, 
      url:"./qa-plugin/q2a-user-popover/qa-user-popover-details.php?handle="+$this.attr("data-id")+"&incdir=%2Fhome%2Fpeatar5%2Fpublic_html%2Fbiophilie%2Fqa-include%2F", 
      content:function(data) {return data;} 
     }); 
    }); 
});