ติดปัญหาการแทรก jQuery/ JavaScript ตอนทำ Menu Bar ครับเกี่ยวกับการ Hover เม้าที่เมนูครับ
รบกวนช่วยทีครับT_T
Date :
2013-01-26 16:08:17
By :
bearcookies
ไม่มีใครตอบเลย Y_Y
Date :
2013-01-26 16:24:14
By :
bearcookies
'หนึ่งภาพแทนพันคำ'
ลอง capture ภาพมาให้ดูหน่อยครับ นึกไม่ออกว่าสิ่งที่ต้องการเป็นอย่่างไร
เอาโค้ด Html ส่วนของเมนูมาโพสด้วยครับ ต้องเห็นส่วนนี้ก่อนถึงจะแก้ไขให้ได้
version นี้ออกแล้วหรือครับ 'jquery-1.9.0.js'
Date :
2013-01-26 16:31:42
By :
dreamlover
http://code.jquery.com/jquery.min.js โหลดมาจากเว็บไซด์หลักมันอ่ะครับหรือมันยังไม่ใช่ตัวเต็มหรือผมพลาดไปผมพึ่งหัดทำ jQ วันนี้วันแรกเลยครับ
สิ่งที่ผมต้องการให้เป็นเป็นลักษณะแบบนี้ครับ
Menu1 Menu2 Menu3
พอเราเอาเม้าชี้ที่ Menu2 ก็จะListลงออกมาแบบนี้นะครับ
Menu1 Menu2 Menu3
submenu2-1
submenu2-2
แล้วพอชี้ที่Submenu2-1ก็แยกออกไปด้านข้างเป็นลักษณะประมาณนี้ครับ
Menu1 Menu2 Menu3
submenu2-1>submenu2-1-1
>submenu2-1-2
ขอโทษที่ไม่มีภาพครับเพราะผมยังทำไม่ได้เลยเป็นแค่นโนภาพที่ต้องการอยากให้เป็นครับอันนี้คือในส่วนของbodyครับ
Code (PHP)
<body>
<ul id="menu">
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a>
<ul>
<li><a href="#">submenu2-1</a>
<ul>
<li><a href="#">submenu2-1-1</a></li>
<li><a href="#">submenu2-1-2</a></li>
</ul>
</li>
<li><a href="#">submenu2-2</a>
<ul>
<li><a href="#">submenu2-2-1</a></li>
<li><a href="#">submenu2-2-2l</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Menu3</a></li>
</ul>
</body>
ชี้แนะด้วยครับขอบคุณมากครับ
Date :
2013-01-26 16:41:42
By :
bearcookies
อันนี้Linkที่โหลดครับผมโหลดอันแรกเลยครับhttp://jquery.com/download/
Date :
2013-01-26 16:44:51
By :
bearcookies
'ทำ jQ วันนี้วันแรกเลยครับ' ให้เขียนว่า jQuery นะครับเพราะว่าคำนี้ก็เป็นคำย่ออยู่แล้ว
'menu' เป็นสิ่งที่ยากอันดับต้นๆในบรรดาการเขียนโค้ด front-end ถ้าเพิ่งเริ่มหัด แนะำนำให้ไปลองศึกษาอย่างอื่นดูก่อน แต่จะลองเอาโค้ดไปศึกษาก่อนก็ได้ครับ ผมเคยทำให้สมาชิกไว้ แต่จะเป็นเมนูคนละแบบ ไปดาวโหลดมาดูได้
http://www.mineinc.net/qa/file/2012/12/07/file1.html
Date :
2013-01-26 17:01:21
By :
dreamlover
คุณJackครับผมบังเอิญไปเจอเว็บนี้มา
http://bugs.jquery.com/ticket/13328
เขาบอก 1.9.0 ใช้กับ Ie8 ไม่ได้เหรอครับ
ขอบคุณสำหรับcodeนะครับ
Date :
2013-01-26 17:19:02
By :
bearcookies
ลืมบอกไปว่าเมนูแบบที่คุณต้องการเรียกว่า drop-down menu
ผมเิ่พิ่งรู้ว่ามีเวอชั่นนี้จากโค้ดของคุณนี่แหละครับ ยังไม่ได้ศึกษาอะไรเลย
เท่าที่ผมลองมาเวอชั่นที่ผมให้ไป 1.7.2 จะเสถียรที่สุด ผมเคยใช้บางเวอร์ชั่นทำให้พวก plug-in ไม่รันไปเลยก็มี
อย่าำกังวลมากครับ พยายามให้ความสำคัญกับเรื่องพื้นฐาน เรื่องทฤษฎี หาตัวอย่างง่ายๆมาทำดู สนใจเรื่องพวกนี้จะดีกว่า
Date :
2013-01-26 17:32:52
By :
dreamlover
คุณJackครับไม่ได้จริงๆ
Code (PHP)
<script src="http://code.jquery.com/jquery-1.7.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#menu li').hover(function(){
$('ul:first',this).css({visibility:"visible",display:"none"}).fadeln(600).show();
},function(){
$('ul:first',this).css({visibility:"hidden"});
});
แบบนี้เมนูก็ไม่ดรอปดาว
<script src="jquery-1.7.2.min.js"></script>
<script>
$('#menu li').hover(function(){
$('ul:first',this).css({visibility:"visible",display:"none"}).fadeln(600).show();
},function(){
$('ul:first',this).css({visibility:"hidden"});
});
</script>
ก็ไม่ดรอปดาวอีกอันแรกผมใช้วิธีก๊อบurl Codeมาเลยมันเป็นเพราะอะไรเหรอครับพอจะทราบไหม
ทั้ง2วิธีไม่ดรอปดาวทั้งคู่เลยคุณแจ๊ค
Date :
2013-01-26 17:37:43
By :
bearcookies
เอ่อคุณแจ๊คครับผมขอถามอีกอย่างกรณีที่ผมอ้างที่อยู่เจคิวรี่โดยURL CODEมันไม่ขึ้น syntax errorแต่พออ้างจากไฟล์เจคิวรี่ที่โหลดมามันขึ้นแบบนี้อะครับ
1/2 There is a syntax error on line 3 of jquery 1.7.2 min.js. Code hinting may not work until you fix this error
แบบนี้คือเหรอครับคุณแจ๊ค
Date :
2013-01-26 17:40:22
By :
bearcookies
ตามความเห็นนะครับ ผมว่า ในกการกำหนด style เราสามารถแทรก class เข้าไปที่ tab menu ได้เลยไม่จำเป็นต้องเขียน code เข้าไปใน script jquery ในส่วนของ script jquery เรานำมาแสดงเกี่ยวกับ effect ต่างๆดีกว่าครับ
หมายเหตุ บางทีมันอาจจะเป็น เพราะ fadeIn().show(); ก็ได้เท่าที่สั่งเกตุ fadeIn คือแสดงผลอยู่แล้ว ไม่จำเป็นต้อง show() ก็ได้มั้งครับ ("อันนี้แล้วแต่นะครับ")
Date :
2013-01-26 17:43:34
By :
Ex-[S]i[L]e[N]t
คุณแก้ไขเป็นยังไงดีครับคุณEx-[S]i[L]e[N]t
แล้วแจ้งเตือนแบบนี้มันคืออะไรเหรอครับ1/2 There is a syntax error on line 3 of jquery 1.7.2 min.js. Code hinting may not work until you fix this error รบกวนด้วยครับ
Date :
2013-01-26 17:48:47
By :
bearcookies
ลองทำทีละส่วนก่อนครับ ทดสอบก่อนว่าแสดงผลหรือไม่ ถ้าแสดง ค่อยแทรก function ต่างๆเข้าไป ทำทีละสเต๊ป ช้าๆไม่ต้องรีบ เอาชัวครับ
Code (PHP)
<script>
$('#menu li').hover(function(){
$('ul:first').fadeln(600);
}
</script>
ประวัติการแก้ไข 2013-01-26 17:55:55
Date :
2013-01-26 17:55:13
By :
Ex-[S]i[L]e[N]t
ทำตามที่คุณEx-[S]i[L]e[N]tบอกละครับปรากฎว่าไม่ลงเหมือนเดิมครับ
ผมทดลอง 3 บราซเซอร์ครับ ไออี/โคมไฟ/หมาเพลิง ไม่ได้เลยครับจนปัญญาแล้วแง่วY_Y
Date :
2013-01-26 18:06:34
By :
bearcookies
ผมว่ามันต้องเป็นที่version IEแน่เลยเพราะผมใช้ Ie9 ตอนนี้กำลังโหลด Ie6 มาทดสอบอยู่ครับได้ผลอย่างไหร่จะรีบบอกครับ ขอบคุณทั้ง 2 ท่านมาก
Date :
2013-01-26 18:09:31
By :
bearcookies
ไม่ได้ครับแต่ก็ขอบคุณทั้ง 2 ท่านที่พยายามช่วยเหลือขอบคุณมากครับ
Date :
2013-01-26 18:28:44
By :
bearcookies
Load balance : Server 05