jquery无法更改div的左侧属性

我在我的代码中有一个div。还有一个通过jquery animate改变div左边属性的javascript函数。问题是函数运行时，div立刻离开并回到原位！看起来它坚持！jquery无法更改div的左侧属性

我改变了动画功能来改变'顶部'，它工作正常。但是...

我试过其他的动画自由，仍存在同样的问题。所以这个问题不在jQuery中。

有什么想法？

编辑：

我的div：

<div id="divid" style="visibility:hidden;position:absolute;left:520px;top:408px;width:56px;height:56px;z-index:701;text-align: left;"> 
<img src="images/something.png" id="Image3" alt="" style="width:41px;height:56px;"> 
</div>

我的功能：

function changepos() 
{ 

    $("#divid").animate({left: "20px"}, 1500); 

}

你看你们这很简单。我真的不知道有什么问题！也许原因是包含在页面中的其他js文件...

来源

2015-09-19 robert hofer

没有想法......没有它只是白日梦行代码。创建一个[demo]（http://jsfiddle.net） – divy3993

在少量代码中重新创建问题并将其发布到此处。 – JBux

你是如何触发该功能的？ div和它的父div的'position'属性是什么？阅读本文：http://stackoverflow.com/help/mcve –

从内联css中删除“visibility：hidden”。

您应该查看该图像将从右至左（FYI我确实增加20像素至200像素）

<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 
    <script> 
    $(document).ready(function() { 

      $("#buttonTest").click(function() {  
       changepos(); 
      }); 

      function changepos() 
      { 
       $("#divid").animate({left: "200px"}, 1500); 
     } 
    }); 
    </script> 

    <input type="button" id="buttonTest" value="Press Me"/> 

    <div id="divid" style="position:absolute;left:520px;top:408px;width:56px;height:56px;z-index:701;text-align: left;"> 
     <img src="images/test.jpg" id="Image3" alt="" style="width:41px;height:56px;"> 
    </div>

来源

2015-09-19 21:52:40 jasonlam604

jquery无法更改div的左侧属性

回答

相关问题