jQuery qTip 메소드로 로컬 PHP AJAX 컨텐츠로드

방금 웹 페이지에 qTip을 설치 했으므로 qTip의 링크를 클릭하면 AJAX 컨텐츠를로드하는 방법을 이해하려고합니다. 나는 jQuery와 qTip 모두에서 초심자이므로 나와 함께 견뎌주십시오.jQuery qTip 메소드로 로컬 PHP AJAX 컨텐츠로드

동적으로 다음과 같은 형태의 링크 (MySQL 데이터베이스에서) 생성 :

<a href='#' rel='717' class='qtip'>The link</a> 
<a href='#' rel='718' class='qtip'>The link</a> 
<a href='#' rel='719' class='qtip'>The link</a>

가 나는 $_GETloadqtip.php에 보내고 내 qtip에서 해당 페이지에서 정보를 표시 LKE 것이다. 이 같은

뭔가 것 같아요 :

$("a.qtip").click(function() { 

    var id = $(this).attr(rel); 

    // send 'id' as GET to loadqtip.php and open the html result in qtip 

});

누구든지이 작업을 수행하는 방법을 알아?

출처

2012-06-19 David

rel 태그에 정보를 담는 대신 .attr 대신 .data에 액세스 할 수있는 data-rel을 사용할 수 있습니다.

<a href='#' data-rel='717' class='qtip'>The link</a>

jquery ajax의 작동 방식을 확인하십시오.

$("a.qtip").click(function(e) { 
    e.preventDefault(); 
    var id = $(this).data('rel'); 
    $.ajax({ 
     url: 'loadqtip.php', 
     data: 'id=' + id, 
     success: function(data) { 
      //do your stuff 
     } 
    }); 
});

희망이

출처

2012-06-19 13:10:13 Dhiraj

's의/REL/'rel''을하는 데 도움이 - 심지어 사용하지만 그것이 더 좋은 생각이 될 것이기'데이터-'속성. – ThiefMaster

@ ThiefMaster : 제안에 감사드립니다. – Dhiraj

감사합니다. You'r 코드는 "불법 문자"를 생성합니다. :}};하지만 왜 그럴 수 없습니까? 나는'alert (data);를'success :'함수 안에 추가했다. – David

jQuery qTip 메소드로 로컬 PHP AJAX 컨텐츠로드

답변

관련 문제