Question

不要忘记，我在头脑中提到了这一点。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>

我的代码 -

 jQuery(document).ready(function(){
   jQuery("img").click(function(){
       jQuery("img").animate({left: '200px'});
   )};
)};

HTML -

<img src="smiley.gif" alt="Smiley" width="32" height="32"/>

代码无法正常工作

Answer 1

请检查以下代码

HTML

<img src="http://design.ubuntu.com/wp-content/uploads/ubuntu-logo14.png" alt="Smiley" width="100" height="100"/>

Jquery的

$(document).ready(function(){
  $("img").click(function(){
   $("img").animate({left: '200px'});
  });
});

CSS

img { left:50px; position: relative; }

Answer 2

感谢您的回答，我实际上得到了它。我所要做的就是指定它的位置。工作jsfiddle HERE

$(document).ready(function() { $("img").click(function() {
$("img").animate({
  left: '200px'
}); }); });

HTML -

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/85/Smiley.svg/2000px-Smiley.svg.png" style="position: relative; width: 32px; height: 32px;" />

Answer 3

所做的更改

添加了css

position: relative;

<强>的jQuery

$(document).ready(function() {
  $("img").click(function() {
    $("img").animate({
      "left": "300px"
    });
  });
});

<强> Working Demo

尽管提到Lib，jQuery脚本仍无法正常工作

3 个答案: