2012-08-11 42 views
0

也許我試圖最大化工具提示功能太多,但我喜歡工具提示的樣式,並且寧願不添加另一個JS庫。Twitter Bootstrap - 動態更改插入的工具提示

Fiddle應該是非常自我解釋,但我試圖讓它插入元素可以改變與JS而工具提示顯示。

+0

準確地發生什麼?我點擊顯示工具提示....接下來會發生什麼? – c0deNinja 2012-08-11 05:01:17

+0

如果你點擊紅框(在工具提示中)它應該擴展到200px高度 – 2012-08-11 05:02:33

回答

1

這是一個授權問題。 Twitter引導工具Toolip使用動態元素進入DOM,並離開DOM。這意味着該元素在DOM準備好時不可用。

這是jQuery事件代理照耀的地方。

$(document).on('click', '.insert', function() { 
    $(this).css('height', '200px'); 
}); 

這個想法是將click處理程序附加到靜態父元素。這樣,我們可以確保方法在我們選擇器範圍內的所有當前和未來元素上調用,在這種情況下,這種方法是'.insert'

+1

該死的,我以爲我試過了。這工作,非常感謝! – 2012-08-11 05:06:13

+0

這是小提琴,http://jsfiddle.net/nosfan1019/kZLPR/3/ – 2012-08-11 05:06:47