2013-08-29 40 views
2

我有一個html頁面,包含一些輸入和textareas。 我希望他們有qTip與不同的文本。q提示更改每個特定工具提示的文本

這是我嘗試 首先,我一個qTip添加到每個元素,

$('input, textarea').each(function() { 
     $(this).qtip(
       { 
       content : 'generated', //this is for debug 
       position : { 

        my : 'center left', 
        at : 'center right', 
        adjust : { 
         x : 90 
        } 
       } 
      }); 
}); 

,然後我試圖改變qTip文字這樣

$("#firstName").qtip('option', 'content.text', 'adwd');

但不工作。

我想這

$("#lastName").qtip({ 
    content : 'text text' 
}); 

這是工作的罰款,但它覆蓋的位置

回答

6

此代碼爲我工作:

$("#firstName").qtip('option', 'content.text', 'new tooltip content') 

如果你必須改變它在一個事件(嘗試使用此代碼:

// make sure you target a specific tip 
var qapi = $('#firstName').data('qtip'), 
newtip = 'new tooltip content' 
qapi.options.content.text = newtip; // update content stored in options 
qapi.elements.content.text(newtip); // update visible tooltip content 
qapi.redraw(); // redraw to adjust tooltip borders 

該代碼只更新一個特定的選項,並保持原樣。

演示:http://jsfiddle.net/IrvinDominin/L7fs5/

+0

謝謝,我明天就給它閱讀。 – q99