jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化

標題: 請教最簡單的程式為何跑不出來呢? [打印本頁]

作者: kunyao 時間: 2009-11-19 18:06 標題: 請教最簡單的程式為何跑不出來呢?

我在教學網站上練習最簡單的程式
可是一直不成功找不出原因..

謝謝

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" c />
<style type="text/css">
#menu {display: none}
</style>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
cript type="text/javascript">

<script type="text/javascript">

$(".open").click(function() {
            $("a#menu").show();
            return false;

});
</script>

<title>無標題文件</title>
</head>

<body>

<a id="open" href="#">第一層</a>
<a id="menu">
第二層
第三層
</a>
</body>
</html>

作者: JS領事 時間: 2009-11-19 20:35

<meta http-equiv="Content-Type" c />
cript type="text/javascript">
這是？……

作者: wmh 時間: 2009-11-19 20:45

嗯，程式看起來有幾個問題

如樓上所說的，可能是 copy 錯誤
selector 給錯，.open 是指 class 為 open，但你的 html 是給 id
JavaScript 出現的比 HTML 還早，這樣執行時還沒有該 element，所以無效。請參考 jQuery document ready 的語法可解決

ref: http://jsbin.com/enoxe/edit

歡迎光臨 jsGears.com 技術論壇 - AJAX, JavaScript, jQuery, 網站開發, 前端效能優化 (http://www.jsgears.com/)