台灣最大程式設計社群網站
線上人數
1091
 
會員總數:240678
討論主題:186535
歡迎您免費加入會員
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
jQuery 問題
價值 : 100 QP  點閱數:113 回應數:4

樓主

Jerrylin
門外漢
0 1
15 1
發送站內信

我是初學者,最近在視作一個網頁,有利用到JQUERY的函式,有連結JQUERY的函式庫了,但卻沒有辦法執行動作,
CSS的部分是可以執行的但SCRIPT標籤裡的動作卻不會被執行出來
以下是程式碼,請各位大大幫我解答~感恩

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SySGO</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#menu").hide();
$("#menu-btn").click(function(){
$("#menu").slideToggle();
});
}
</script>
<style>
body {
background-image: url(C:/Users/JerryLin/Desktop/Project/SYSGO/WEB/image/indexBG.jpg);
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: 100% 100%;
}

#menu-btn {
position: absolute;
left: 1em;
top: 1em;
width: 3em;
padding: 1.5em;
border-radius: 100%;
transition: all .2s ease-out;
}

#menu-btn:hover {
cursor: pointer;
}

#menu-btn:hover .menu-line {
background-color: #999999;
}

#menu-btn:active {
box-shadow: 0 0 5px black;
background-color: #524a88;
}

.menu-btn-line {
height: .5em;
background-color: #00FFCA;
margin-bottom: .5em;
}

.menu-btn-line:last-child {
margin-bottom: 0;
}

#menu {
position: absolute;
top: 7em;
left: 1em;
border: .5em solid #00FFCA;
width: 10em;
padding: 1em;
}

#menu ul {
padding: 0;
margin: 0;
}

#menu ul li {
list-style-type: none;
left: 0;
padding: .5em;
color: #00FFCA;
transition: all .3s ease-out;
}

#menu ul li:hover {
cursor: pointer;
text-decoration: underline;
}

#menu ul li:active {
background-color: #00FFCA;
color: rgba(52, 73, 94, 1.0);
}
</style>

</head>

<body>
<!----menu btn setting---->
<div id="menu-btn">
<div class="menu-btn-line"></div>
<div class="menu-btn-line"></div>
<div class="menu-btn-line"></div>
</div>
<nav id="menu">
<ul>
<li>Index</li>
<li>About</li>
<li>How</li>
<li>Vedio</li>
</ul>
</nav>
</body>

</html>






搜尋相關Tags的文章: [ javascript ] , [ jquery ] , [ 新手發問 ] ,
本篇文章發表於2017-08-17 16:34
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應

先幫你將程式碼處理一下。
本篇文章回覆於2017-08-17 17:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
你可以先把12行的 hide()動作先拿掉試試會不會動。

可以的話。善用一下f12的瀏覽器開發工具看看有無錯誤的訊息。
你這因該有錯誤訊息照成不會動作。

看一下你的第16行。因該是 }); 才對。少了一個)包起來
這會是你程式不會運行的原因。
本篇文章回覆於2017-08-17 17:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

Jerrylin
檢舉此回應
感謝你喔~問題解決了,結果又是敗在小地方ORZ
本篇文章回覆於2017-08-18 00:59
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
好的撰寫習慣和正確的縮排能幫你大幅避免這類的錯誤
當然,好的文字處理軟體也能幫上大忙
本篇文章回覆於2017-08-18 09:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

回覆
如要回應,請先登入.