jquery創建一個不會消失的工具提示

我期待構建一個工具提示，允許用戶單擊該工具提示中的鏈接，以允許他們導航到網站的各個部分。我的問題是，當我用鼠標離開a時，工具提示消失了？我想是的，如果我換到一個新的a或單擊關閉在提示工具提示消失，我的jQuery是如下目前，jquery創建一個不會消失的工具提示

$(document).ready(function() { 

    /* 
    * Rollover jobwall logo and show job tooltip 
    */ 
    $('ul#jobs li a').mouseenter(function(){ 
      var $this = $(this); 
      $this.addClass('active'); 
      $.ajax({ 
       type: 'POST', 
       url: '/jobwall/job_tooltip', 
       data: 'employer_id='+$(this).attr('rel'), 
       success:function(html) { 
        //alert($this); 
        $this.tooltip({ effect: 'slide'}); 
       } 
      }); 
     }).mouseleave(function(){ 
      $(this).removeClass 
      $('#tooltip').remove(); 
     }); 


});

我怎樣才能讓這個出現在鼠標的提示輸入一個a按鈕只有在用戶通過點擊關閉按鈕關閉時纔會消失，或者移動到新的a，以允許用戶實際輸入工具提示而不會消失。

來源

2010-10-20 sea_1987

您希望工具提示保持專注，除非用戶將注意力集中在錨點或工具提示本身。不要給我一個超出頁面的工具提示，並讓我執行一個行動離開。如果我在滾動時不小心將鼠標懸停在某個東西上，當它停留在頁面上時，我會很生氣。 – Chris 2010-10-20 19:48:21

公平的評論，但我怎麼會保持專注，直到我改變了一個我徘徊？ – 2010-10-20 19:50:37

也許找到工具提示擴展會比編寫代碼更容易。（即：http://flowplayer.org/tools/tooltip/index.html） – Detect 2010-10-20 19:56:19

將$('#tooltip').remove();移動到mouseenter函數的頂部應該有所訣竅。當鼠標離開時，這不會移除工具提示，並且如果在輸入新的a時存在該工具提示，它將被移除。
這裏假設1）你已經有一個關閉功能，並且2）$('.active').append(html);創建了#tooltip。

正如Chris評論的那樣，這可能會讓用戶感到沮喪。

來源

2010-10-20 19:56:47

我會看看hoverintent而不是mouseenter和mouseleave。

在鼠標離開事件上，您需要檢查鼠標是否位於工具提示中。如果沒有，你可以關閉它。

來源

2010-10-20 19:54:10 epascarello

jquery創建一個不會消失的工具提示

回答

相關問題