2012-03-23 72 views
1

當第一次執行這段代碼時頁面跳轉到頂部,然後從第二個懸停在其他元素上正常工作!簡單的jquery代碼問題

的jsfiddle鏈接 http://jsfiddle.net/FXhLz/

但問題不在這裏很明顯,我認爲是因爲沒有頁面滾動

+0

你是第二次說什麼?第二次盤旋?第二次訪問?你是否也將這個問題與我們分開了,你確定CSS樣式在這種情況下不起重要作用? – Tadeck 2012-03-23 07:51:32

+0

你能否在代碼示例中添加CSS樣式? – 2012-03-23 07:52:35

+1

'addClass'和'removeClass'只帶一個參數的類名或函數 – DoubleYo 2012-03-23 08:06:43

回答

0

這似乎很好地工作,如果你刪除,如下stop()功能,我想之所以你div在進一步的動畫上受到影響,當你使用幻燈片效果時,它會動態地操縱元素高度以實現動畫效果,並且當您使用停止功能並將光標懸停時,它會將元素固定在它當時的高度所以停下來進一步的動畫,你看它被擊中,我猜它是一個jQuery的bug。

$(function() { 
    $(".more").hover(function (e) { 
    e.preventDefault(); 
    $('.details_box', this).slideToggle(500); 
    $(this).addClass('act'); 
    }, 
    function (e) { 
     e.preventDefault(); 
     $('.details_box', this).slideToggle(200); 
     $(this).removeClass('act'); 
    }); 
}); 
+0

閱讀關於stop()的行爲http://api.jquery.com/stop/ – Deepu 2012-03-23 09:29:43