2012-05-14 1 views
0

아침,jQuery를 툴팁 플러그인 1.3

나는 와 jQuery를 1.7.2jQuery를 툴팁 플러그인 1.3 일하고 있어요.. 나는 고객 클래스의 div를 보유하고 있습니다. 모든 div에는 고객 ID이 포함 된 title 속성이 있습니다. 내 목표는 동적 데이터AJAX으로로드하는 것입니다.이 툴팁은 사용자가 div 위로 마우스를 움직일 때 나타납니다.

이 내가 지금이 드 코드는 다음과 같습니다

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 
      return jQuery('<div>HERE I WANT TO SHOW SOME RELEVANT CUSTOMER DATA</div>').attr('src', this.src); 
     } 
    }); 

당신은 내가 고객 ID를 찾을 수있는 필요한 코드가없는 볼 수 있듯이. bodyHandler 함수에 매개 변수를 추가하려고 시도했지만 작동하지 않습니다. 또한 http://docs.jquery.com/Plugins/Tooltip에있는 문서는 나를 도와주지 못했습니다.

누구든지이 문제를 해결할 수 있습니까?

미리 감사드립니다.

답변

0

당신이 HTML을 사용할 수있는 몇 가지 아이디어를 얻을 수 있습니다 나중에 당신이 Jquery data()

<div class="customer" data-CustomerID="YourCustomerID" > asdfasdfasdf</div> 
를 사용하여 고객 ID를 가져 오지 수, 컨테이너에서 고객 ID를 보유하는 데이터-속성 (5)

jQuery('.customer').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 

      alert($(this).data("CustomerID")); // will print your customerID, 
      // check in the console $(this) means, your current div wher you hovered it . 
     } 
    }); 
+0

제안 해 주셔서 감사합니다. 지금 data-CustomerID를 사용하고 있습니다. 불행히도 현재 div에 대한 고객 ID를 찾으려면 고객 클래스가있는 여러 div가 있습니다. –

+0

@ E.Clark는 현재 ID를 표시하므로 body 처리기에서 $ (this)를 확인하려고 시도하지만, N도 업데이트 대답 –

+0

내가 jQuery를 (이)를 사용했습니다, 이것은 다음의 코드 조각에 이르게 : ('. 고객') jQuery를 툴팁 ({ \t 지연 :. 0, \t showURL : 거짓, \t bodyHandler : function() { \t return jQuery ('

'+jQuery(this).data('CustomerID')+'
') .attr ('src', this.src); } }); 이제 정의되지 않은 내용이 표시됩니다 ... –