jQuery的動畫沒有觸及事件

Question

工作在下面的代碼$('#slidemenu-container').animate(...)不工作：

$(document).live('touchend', function(event, data) { 
    var container = $("#slidemenu-container"); 
    var container2 = $("#bg-yellow-id"); 

    if (container.has(event.target).length === 0 && container2.has(event.target).length === 0 && settings.katMenuVisible) { 

     // workaround because showHide(...) with animate isnt working 
     var left = '-=' + settings.listSlideWidth + 'px'; 
     $("#show-hide-kat").css({ 
      'background-image': "url('" + yiiBaseUrl + "/images/NAVbutton_opennav.png')" 
     }); 

     $('#slidemenu-container').animate({ 
      left: left, 
     }, settings.duration, function() { 

     }); 

     settings.katMenuVisible = !settings.katMenuVisible; 

    } 
}); 

它的工作原理，如果我改變left屬性與.css()功能：

$(document).live('touchend', function(event, data) { 
    var container = $("#slidemenu-container"); 
    var container2 = $("#bg-yellow-id"); 

    if (container.has(event.target).length === 0 && container2.has(event.target).length === 0 && settings.katMenuVisible) { 

     // workaround because showHide(...) with animate isnt working 
     var left = '-=' + settings.listSlideWidth + 'px'; 
     $("#show-hide-kat").css({ 
      'background-image': "url('" + yiiBaseUrl + "/images/NAVbutton_opennav.png')" 
     }); 

     container.css({ 
      'left': left 
     }); 

     settings.katMenuVisible = !settings.katMenuVisible; 

    } 
}); 

什麼問題？我嘗試了一切，但動畫仍然不起作用。

謝謝你的幫助。

Answer 1

也許嘗試一些簡單的像： .animate（{「left」：「+ = 50px」}，「slow」）;

順便說一句，我不知道你試圖做什麼，你試圖讓它切換到左側和動畫？讓它出現？