2012-10-17 154 views
0

我試圖讓這個工作,但它只是想...工具提示內容qTip2 jQuery

警報提醒正確的內容..任何想法?

function initToolTip() { 
     $('.product').qtip({ 
      content: $(this).find('.product-info').html(), 
      style: 'ui-tooltip-shadow' 
     }); 
     $('.product').on('hover',function(){ 
      //alert($(this).find('.product-info').html()); 
     }); 
    } 
+0

這個解決方案很可能指的是窗口對象,而是在懸停事件中,而是正確引用.product元素 –

回答

1

這裏

$(this)不在背景在第一種情況中.product的..

$(this)指的工具提示對象..

使用自定義功能檢索..

$('.product').qtip({ 
      content: { 
       text: function(api) { 
       return $(this).find('.product-info').html() ; 
       } 
      }, 
      style: 'ui-tooltip-shadow' 
     }); 
+0

哈哈......這只是晚了......我明天去睡覺並修復它!Thx;) – Mackelito

-1

請,第一RTFM(:P)的第三個例子是你所需要的

,如果你太懶惰,這是在功能您

$('.product').qtip({ 
    content: { 
     text: function(api) { 
      return $('.product-info', this).html(); 
     } 
    } 
});