jQuery懸停不按需要工作

我希望旋轉木馬的箭頭在幻燈片上懸停時出現並消失。我曾經試過，但沒有太多的成功：jQuery懸停不按需要工作

$("#slideshow").hover(function(){$('.control').fadeOut(500);$('control').fadeIn(500);});

感謝

2012-09-05 Alex

我想你對hover()使用了錯誤的語法來完成你想要做的事情。 hover（）方法需要兩個回調函數，一個用於onmouseover事件（懸停），另一個用於onmouseout事件（關閉懸停）。

$('#slideshow').hover(
    function(){ 
     $('.control').fadeIn(500); 
    }, 
    function(){ 
     $('.control').fadeOut(500); 
    } 
);

2012-09-05 16:23:47 AndrewR

嗨，這個工作正常，但我意識到，通過淡入淡出這兩個箭頭，它可以選擇將第一個圖像向左滑動，這意味着它將進入一個空白區域。我想我將不得不使用條件語句來檢查它是否是最後一張幻燈片。謝謝你的幫助：） – Alex

我想你在.fadeIn(...)呼叫缺少點.control之前。

此外，您可以簡化代碼，並擺脫錯誤。

$('.control') 
    .fadeOut(500) 
    .fadeIn(500);

當然，這也只是「閃爍」的控制 - 見@ AndrewR的答案正確的功能=）

2012-09-05 16:18:24

剛剛鏈中的.fadeOut()和.fadeIn()通話在一起。你不想因爲沒有理由而選擇相同的元素集兩次。

$('.control').fadeOut(500).fadeIn(500);

2012-09-05 16:19:40

它確實如預期不大的工作似乎淡出，並迅速http://jsfiddle.net/asWeb/EsGLn/9/ – Alex

我想我知道你一直很希望得到什麼這段代碼在做。看看@ AndrewR的回答。：D –

回答