jquery动态图像创建和动画

Question

我有点困惑。我已经查看了 w3schools 上的 jquery 信息，但找不到有关如何使用 jquery 创建/插入图像的任何信息。我在这里查看了几个似乎与动态插入图像有关的线程，但我什至无法让脚本仅执行顶部的警报，这让我认为我以某种方式错误地触发了触发器。如果有人可以就如何解决我所做的事情给我一些建议，我将不胜感激。

<script>
alert("Start");
$(document).ready(function(){
  $("#krikri").hover(createGoat(){
    $("#krikri").append('<img src="images/goat.png" alt="animated goat" />');;
alert("End function 1");
    },trotting(){
    $("#krikri").animate({left:'250px'});
});}

Answer 1

你没有正确调用你的函数。这里的语法是错误的。

alert("Start");
$(document).ready(function(){
  $("#krikri").hover(function() {
    $("#krikri").append('<img src="images/goat.png" alt="animated goat" />');;
    alert("End function 1");
    }, function(){
    $("#krikri").animate({left:'250px'});
  });
}