Javascript動畫不會工作

我想改變寬度或正確的位置，但都沒有工作。Javascript動畫不會工作

這是我已經包括在我的HTML文件（我有jQuery的鏈接）：

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#slide").click(function(){ 
     $('#contact-wrap').animate({ 
      right: '0' 
     }, 500);  
    }); 
}); 
</script>

我有一個錨的ID設置爲「滑動」和我想的div命名爲「非接觸式包裝」從其正負值改爲0.我猜我的JS代碼是錯誤的。

來源

2012-02-14 user1160232

您是否嘗試過周圍刪除引號''0''？ – Bojangles 2012-02-15 02:29:18

請設置[jsFiddle]（http://jsfiddle.net/）演示。這會讓我們更容易。 – kapa 2012-02-15 10:03:20

你可以請包括你的HTML和CSS ... – ManseUK 2012-02-15 10:38:39

我測試了你的javascript，它看起來很好，並相應地滑動div。我的測試HTML，CSS和JScript是：

CSS：

#contact-wrap 
{  
    height: 30px; 
    width:10px; 
    border:solid 1px black; 
    display: block; 
    position:absolute;right:-200px; 
}

HTML：

<a id="slide">test</a> 
<div id="contact-wrap"></div>

的javascript：

$("#slide").click(function(){    
    $('#contact-wrap').animate(
     { right: '0' }, 
     500);    
});

來源

2012-02-15 04:00:48

我有你的代碼的演示 - > http://jsfiddle.net/snWHs/我更新了''正確'css值，所以你可以看到實際的移動...但像你說的......工作正常......我猜OP的初始CSS是問題 – ManseUK 2012-02-15 10:38:02

Javascript動畫不會工作

回答

相關問題