工具提示並沒有消失

我有一個div，我想顯示一些內容作爲工具提示，每當用戶將鼠標懸停在div上，問題是我有一個動態內容，所以我無法修復它們在屬性標題中：工具提示並沒有消失

爲了這個目的，我發現qtip有用的，我寫我的代碼如下：

$(document).ready(function() { 

$('#plus_entity').qtip({ 
    content: 'This is an active list element</br>This is an active list element', 
    show: 'mouseover', 
    hide: 'mouseout', 
    position: { 
     corner: { 
      target: 'topRight', 
      tooltip: 'bottomLeft' 
     } 
    }, 
style: { 
    classes: 'test' 
} 
}); 

});

enter image description here

（我不知道如何添加qtip擺弄遺憾的是，但在我的系統它的工作原理）

現在我的問題是，當鼠標離開發生工具提示框不會消失？

任何人都可以幫助，或者如果你認爲我應該使用更好的插件，請讓我知道嗎？

來源

2014-02-20 Hamed Minaee

你的HTML被打破。你不能在屬性中放置html標籤。 – Fresheyeball

對不起，我正在努力正確插入我的代碼以下是鏈接到小提琴：http：//jsfiddle.net/hminaee/22v2F/ –

您可以使用左側的外部資源選項卡將外部資源添加到jsfiddle。只需粘貼一個公共網址並點擊加號按鈕即可。您可以在這裏找到適用於js和css的qtip的cdn版本：http://qtip2.com/download js和css都應該添加到小提琴中。 – HJ05

什麼似乎是一個問題？這裏是工作示例：

$('#plus_entity').qtip({ 
     content: 'This is an active list element</br>This is an active list element', 
     hide: { 
      fixed: true, 
      delay: 300 
     } 
    });

http://jsfiddle.net/H4aTZ/295/

來源

2014-02-20 16:50:03

非常感謝您的小提琴代碼在我的本地系統中的問題是，我沒有包括來自qtip的css文件，我認爲這不是必需的，所以在懸停後，工具提示沒有刪除，但現在它工作 –

只是一個當我改變的角落位置快速的問題：{ 角落：{ 目標：「topRight」，提示：「topRight」 }} 在提琴代碼刀尖不會在頂部。做顯示你有什麼理念？ –

看到更新的小提琴：http://jsfiddle.net/H4aTZ/301/ –

工具提示並沒有消失

回答

相關問題