함수 매개 변수의 jQuery의 attr (...)이 정의되지 않았습니다.

Question

webuiPopover이라는 jQuery 플러그인을 사용하고 있습니다. 그것은 링크에 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;} 
    }); 
}); 

내가 jQuery의 attr(...) 기능의 사용을 만드는 'URL을'계산 :

그래서이 코드입니다. 아쉽게도 코드의 작은 부분은 항상 '정의되지 않음'을 반환합니다. 나는 content 매개 변수 코드 ($(this).attr("data-id"))의 같은 부분을 사용하는 경우

(잘 작동 function (data) {return $(this).attr("data-id");}을 제공합니다.

?

이

Answer 1

this$(document).ready의 콜백 내부의 document을 말한다 잘못 무슨 일이야. 플러그인이 binding 요소이므로 content 콜백에서 작동합니다. 이라고 부르면

각 팝업에 대해 별개의 URL을 사용하려면 각 요소에 대해 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;} 
     }); 
    }); 
});