jQuery clueTip：在鼠標懸停時顯示/隱藏並點擊粘貼

Question

我使用cluetip插件和jQuery FullCalendar一起顯示事件詳細信息，這些信息非常適用。我想在每個描述中有一個用戶可以點擊的鏈接。但我不想讓用戶點擊每個事件來顯示信息。

是否有任何選項可以用來在鼠標懸停上顯示線索提示，將其隱藏在鼠標懸停上，但在點擊時使它變得粘滯？沒找到一個，但是我想這將使得非常直觀的行爲......

Answer 1

終於找到了解決我的問題，工作方式 - 通過創建2個cluetips ......在「鼠標移開」的解決方案並沒有按預期工作： -/

var stickyTooltip = false; 
var tooltipClass; 
// ... 
$(eventElement).attr('title', event.title+'\n'+info).cluetip({ 
    splitTitle: '\n', 
    sticky: true, 
    activation: 'click', 
    closeText: 'Close', 
    onShow: function(ct, c) { 
     stickyTooltip = true; 
     $('#clickInfo').hide(); // #clickInfo is a span that tells user how to fix tooltips 
     tooltipClass = $(ct).attr('class'); 
    }, 
    onHide: function(ct, ci) { 
     stickyTooltip = false; 
    } 
}).cluetip({ 
    splitTitle: '\n', 
    sticky: false, 
    activation: 'hover', 
    onActivate: function(e) { 
     return !stickyTooltip; 
    }, 
    onShow: function(ct, c) { 
     $('#clickInfo').show(); 
     stickyTooltip = false; 
    }, 
    onHide: function(ct, ci) { 
     $(ct).attr('class', tooltipClass).toggle(stickyTooltip); 
    } 
}); 

Answer 2

（我不知道，如果你已經試過這還是這是否會幫助，但）

有一個「懸停「活化對cluetip：

激活： '懸停'，//設置爲 '點擊'，迫使用戶點擊 顯示clueTip

http://plugins.learningjquery.com/cluetip/#options

Answer 3

更新工作示例：

<a class="title" href="#" title="Test tooltip 1">test 1</a> 

$(document).ready(function() { 
    var keepTooltip = false; 

    $('a.title').cluetip({ splitTitle: '|', sticky: true }) 
       .mouseout(function() { 
        if (!keepTooltip) { 
         $('#cluetip').hide(); 
        } 
       }); 

    $('a.title').click(function (e) { 
     e.preventDefault(); 
     keepTooltip = true; 
    }); 
});