2012-11-24 23 views
2

使用我使用qTip2變化,我的那對他們提示的鏈接列表。我從我的鏈接中的屬性中讀取了工具提示內容,名爲「data-normal」。每個鏈接旁邊有一個複選框,當它被點擊時,它會刪除該鏈接的類並添加其他類。當鏈接改變時,我希望工具提示保持不變,但要從不同的屬性中讀取(「數據更改」)。qTip2 - 這提示內容階級變化

另外,當沒有選中該複選框(和類回覆)我想它就像改變之前起作用。

有沒有解決方案呢?

下面是一段代碼,我用這個:

$('.normal').qtip({ 
    content: { 
    text: function(api) { 
     return $(this).attr('data-normal'); 
     } 
    } 
}); 

$('.changed').qtip({ 
    content: { 
    text: function(api) { 
     return $(this).attr('data-changed'); 
     } 
    } 
}); 

這裏是我的問題的的jsfiddle: http://jsfiddle.net/trunkadelic/Xkvnt/1/

當然,這是什麼我想一個簡單的例子在網站上做。

回答

1
$("a").qtip({ 
    content: { 
     text: function(api) { 
      if ($(this).hasClass('changed')) { 
       return $(this).attr('data-changed'); 
      } else { 
       return $(this).attr('data-normal'); 

      } 
     } 
    } 
}); 

這應該工作。這裏是你的更新例如:http://jsfiddle.net/Xkvnt/5/

+0

謝謝,這是我最後做了這一點。我還需要更改工具提示位置,所以如果其他人想知道: http://jsfiddle.net/Xkvnt/3/ –