jQuery教程 - 代碼不工作？

我是jQuery的新手，我正在瀏覽一組視頻教程。今天是第一個，我做了我在視頻中被告知的所有內容，但它不起作用。第一個教程即將淡出一個簡單的標籤。我用CSS和腳本標籤編寫了下面的代碼。jQuery教程 - 代碼不工作？

<html> 
<head> 
    <title>Hi</title> 
    <script src = "http://www.myvirtualhost.lcl:8080/jquery/jquery-1.7.1.min.js" type= "text/javascript"></script> 
</head> 
<style type = "text/css"> 
    #box 
    { 
    background: red; 
    width: 300px; 
    height: 300px; 
    } 
</style> 

<script type="text/javascript"> 
    $(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
     )}; 
    }); 
</script> 
<body> 
    <div id="box"></div> 
    <a href="#">Click Me !</a> 
</body>

誰能告訴我什麼，我做錯了，爲什麼它不工作？

來源

2011-12-10 ScoRpion

解釋什麼是「它不工作」的意思.... –

)};應該是});，因爲您需要在關閉click(參數列表之前首先關閉匿名功能塊。

順便說一句，你應該正確地縮進代碼：

$(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
    }); 
});

此外，具有Firebug調試器/控制檯開放是一個好主意 - 那麼你很快看到任何錯誤，比如在你的代碼的解析錯誤。

來源

2011-12-10 12:34:55 ThiefMaster

非常感謝...... – ScoRpion

你有一個語法錯誤：

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    )};

應該是：

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    });

如果您使用的是Firefox，我建議你安裝螢火，這是一個開發者的工具，它允許你調試你的javascript/css/html。

來源

2011-12-10 12:35:08

有一個語法錯誤在你的JavaScript代碼：

$('#box').fadeOut(); 
    )};

應該是：

$('#box').fadeOut(); 
    });

工作最終結果在這裏：http://jsfiddle.net/GTCfR/

（你將最可能會欣賞JSFiddle，由th因爲它是進行這種簡單測試和學習基礎知識的理想選擇。）

來源

2011-12-10 12:35:29

你也應該學會使用控制檯，無論是WebKit的一個或Firebug的。當然，這種語法錯誤會引發錯誤並在那裏顯示。 – maxedison

您的<style>和<script>標籤需要放置在文檔的頭部或主體內。在兩者之間的下游地區不存在任何東西。

正如其他人所指出的，也有語法錯誤的位置：

)};

應該

});

您不妨考慮安裝Firefox的Firebug或使用Chrome開發者工具。它們每個都包含一個會顯示Javascript錯誤的Javascript控制檯。

來源

2011-12-10 12:35:38

雖然這是真的，但並不是他的問題的原因。 – ThiefMaster

也可以捕捉到。 – motoxer4533

-1

$('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    return false;///add this line 
    }); // and change this line

也許你可以添加到您的點擊動作

來源

2011-12-10 12:36:38 hkulekci

近乎完美！但是，在下面的代碼中，你已經得到了）};混合。看看.fadeOut();部分代碼後。

$(function(){ 
    $('a').click(function(){ 
    alert("hi"); 
    $('#box').fadeOut(); 
    )}; <!-- This needs swapped, to look like });--> 
}); <!-- this one -->

來源

2011-12-10 12:37:00 motoxer4533

你在排隊

$(function(){ 
    $('a').click(function(){ 
     alert("hi"); 
     $('#box').fadeOut(); 
     )}; <------------ Error here. It must be }); 
    });

然後它會工作甲肝語法錯誤！

Demo

來源

2011-12-10 12:37:38

jQuery教程 - 代碼不工作？

回答

相關問題