自制jQuery的工具提示腳本行事靠不住

這裏是我的腳本：http://jsfiddle.net/w3kXj/2/自制jQuery的工具提示腳本行事靠不住

正如你所看到的，我試圖讓一個複選框，輸入顯示上懸停.terms-of-use股利。然而，div的行爲是非常不可預測的。有時它根本不顯示懸停，特別是當你從下面懸停時。到底他媽發生了什麼？誰能幫忙？

來源

2012-08-01 alexvance

只是一個供參考，即使它會工作，它不是平板電腦，有事要記住這些日子那該多好。 – 2012-08-01 20:22:08

果然如此。 jQuery動畫往往會吸引iPad。 – alexvance 2012-08-01 20:24:25

我覺得本意應該是監聽綁定到整個字段集，而不是分開兩個元素。

http://jsfiddle.net/jomikr/w3kXj/10/

來源

2012-08-01 20:33:37 jokr

良好的通話，消除了所有的跳動。謝謝！ – alexvance 2012-08-01 20:36:45

使用stop（true，true）.stop()來解決div衰落的問題，但它仍然有點奇怪。

$(function(){ 
// email results page tooltip hover 
    $('.terms-of-use').hide(); 
    $('.agree-statement, .terms-of-use').hover(function(){ 
     $('.terms-of-use').stop(true,true).fadeToggle(); 
    }); 
});

http://jsfiddle.net/w3kXj/5/

我會建議使用這個插件hoverintent

來源

2012-08-01 20:24:32

+1 for hoverIntent – 2012-08-01 20:26:40

良好的通話，很好的使用'fadeToggle（）'，還沒有看到。 Jomikr的回答更有效地解決了這個問題，但是你教過我關於'stop（）'參數和'fadeToggle（）'，所以謝謝！ – alexvance 2012-08-01 20:41:11

通過監聽懸停和懸停出的工具提示觸發器和工具提示本身都，你介紹很多可能出現的問題。該解決方案如下：

監聽mouseenter只.agree-statement
監聽mouseleave兩個.agree-statement和.terms-of-use
在mouseleave處理器，只能躲在如果toElement是不是本身提示。

來源

2012-08-01 20:25:28

我能夠讓它工作得更好一點。

http://jsfiddle.net/w3kXj/9/

來源

2012-08-01 20:31:37

該示例不起作用，因爲'mousein（）'不是函數。另外，當你將鼠標懸停在div上時，div不會保留。 – alexvance 2012-08-01 20:39:00

自制jQuery的工具提示腳本行事靠不住

回答

相關問題