選取框效果無法正常工作

我想要實現選取框效果，有時會順利，有時會出錯，不知道爲什麼。選取框效果無法正常工作

我的代碼：

$(document).ready(function(){ 
    $(".menudepth1").children("a").click(function(){ 
     $(this).addClass("selected") 
    }) 
    function move(){ 
     var Parent=$("#left-con").find("ul"); 
     var Img=$("#left-con").find("li").eq(0); 
     var Width=Img.width(); 
     Img.animate({marginLeft:(-1*Width)+"px"},2000,function(){ 
      $(this).appendTo(Parent).css("marginLeft","0px"); 

     }) 
    } 
    setInterval(move,2000) 
})

來源

2016-07-29 Bella Huang

其工作在您的jsfiddle – chirag

您的間隔回調在動畫完成之前調用。這是一個簡單的修復，比使用任何間隔更好：https://jsfiddle.net/hpqxtdeq/2/在這裏，如果你想每個圖像幻燈片之間的一些延遲：https://jsfiddle.net/hpqxtdeq/3/ –

一個稍微有點無關的問題，但如果你想要的代碼有更好的表現，我會建議使用CSS轉換，而不是利潤率。原因是更改頁邊空白會強制整個頁面以每個新值重新渲染，而轉換僅重新繪製所討論的元素。

尤其是移動瀏覽器會愛上你！

Here如果您有興趣，可以深入瞭解這篇文章（儘管有點長）。 :)

來源

2016-07-29 12:24:01

選取框效果無法正常工作

回答

相關問題