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'}); 
    }); 
}