2011-07-19 42 views
1

我正在使用Jquery TipTip插件。如果你知道更好的插件這種方式易於使用,你可以告訴我。好吧,現在我能夠使它工作。它顯示非常好的工具提示。但我想製作粘性工具提示。我的意思是,當你將鼠標懸停在對象上時,將會顯示工具提示,直到用戶單擊我放入工具提示內的鏈接,所以當用戶單擊工具提示時將被關閉。他們的文檔是零,所以我無法解決它。如何使用Jquery TipTip插件製作粘性工具提示

tiptip主頁:http://code.drewwilson.com/entry/tiptip-jquery-plugin

在這裏,他們是怎麼說的退出和進入

輸入:回調函數 - 這是每個TipTip應用到它,你將鼠標懸停一個元素時運行的自定義功能。

exit:回調函數 - 自定義函數,每次您對使用TipTip的元素進行鼠標移動時運行。

我該如何從機體內的tiptip源代碼調用函數。

+0

如何在html內部調用此函數? deactive_tiptip() – MonsterMMORPG

回答

1

你檢查插件的的keepAlive選項?這將工具提示保留在屏幕上,直到用戶將鼠標移出工具提示(而不是脫離目標對象本身)。

似乎沒有辦法以編程方式執行此操作。你將不得不擴展插件本身或刪除mouseout事件處理程序。

其實重讀文件後,你可以嘗試以防止工具提示使用出口的回調,像這樣消失:

exit: function(){ 
    // prevent action code goes here 
} 

但我不知道這是否會工作。查看源代碼,您可以修改deactivate_tiptip()函數。第三行是隱藏工具提示的行。

tiptip_holder.fadeOut(opts.fadeOut); 
+0

嘿你能幫助我嗎?它似乎像你有經驗的jQuery。是的,我們應該修改源代碼:D – MonsterMMORPG

+0

對不起...我直到今天才查看評論。如果您仍然需要,我很樂意提供幫助。 – mrturtle

1

有很多解決方案。

還要檢查嘗試QTip

http://slodive.com/web-development/best-jquery-tooltip-plugins/ http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/

檢查這些http://craigsworks.com/projects/qtip/docs/reference/選項按鈕,看到真或假。

$('#tipDiv') 

     .qtip({ 
      content: { 
       text: 'Something', 
       title: { 
        text: 'My Title', 
        button: true 
       } 
      }, 

     }); 
+0

我看到他們已經覆蓋默認標題,這是很好的。所以我如何使用Qtip做粘性工具提示? – MonsterMMORPG

+0

當你說粘性時,這意味着什麼?喜歡退出? –

+0

是的,完全一樣 – MonsterMMORPG

相關問題