2013-11-28 38 views
2

警告:我已經使用JavaScript,HTML幾乎沒有任何經驗等引導工具提示不會消失,當他們被克隆

http://getbootstrap.com/2.3.2/javascript.html#tooltips這是我使用的工具提示。

因此,工具提示本身對我們的Web界面的一切工作都是完全正常的......除了一個細節。

如果在顯示工具提示時克隆了它們,那麼它們不會消失。

假設你有一個表,每一行都有一個+在最後,如果您在點擊這裏簽署該行你得到重複點擊登錄。 (HTML以下)

+符號帶有彈出「重複此行」的工具提示。如果您將鼠標移開,工具提示將顯示並正常消失。但是如果你點擊+符號,工具提示如果顯示就會停留在那裏,不會消失。

<SPAN rel="tooltip" data-content="Duplicate this row" title="Duplicate this row" data-html="true"> 
<input class='submit' type="image" name="Add" class="submit" onClick="this.form.appendChild(getInputNode({'type':'hidden','name':'Add','value':'1'}));cloneRow(this);return false;" height="12" value="1" src="/images/icons/plus.gif" width="12" alt=''/> 
</SPAN> 

這個HTML是由我們的Perl代碼剛剛輸出,基於你給它的選項生成HTML。

我沒有看到Bootstrap tooltip選項中的任何內容,使這個工具提示消失,說一個計時器或什麼東西(這可以解決這個問題)。有沒有人有什麼建議?

回答

2

沒關係。事實證明這是一個簡單的問題,所有你需要做的就是告訴被稱爲onClick的功能之一$(this).tooltip('hide');

0

更妙的是:

$(this).tooltip('destroy');