เรื่องของเรื่องคือผมกำลังเพิ่งเริ่มใช้ jquery และอยากจะเขียนเว็บหนึ่งขึ้นมาและใช้ jquery ui เพราะเห็นว่าสะดวกดี
แต่พอเริ่มทำก็มาติดตรง tab นี้แหล่ะ คือมีเนื้อหาที่หน้าแรกที่อยากจะลิงค์ ไปที่หน้าที่อยู่ใน tab 2 ต้องทำอย่างไรล่ะ ผมก็เลย search หาใน google ไปเจอเกี่ยวกับ tab นี้แหล่ะ แต่เป็นการทำปุ่ม next , previous ก็พอเอามาเป็นแนวทางได้ อ๋อลืมบอกไปผมหาในเว็บภาษาไทยไม่มีเลย หรืออาจจะเป็นเพราะผมหาไม่เจอเองมั้ง ถ้าใครอยากได้ตัวอย่างก็ลองเข้าไปดูที่ลิงค์นี้ได้เลยครับ jQuery UI Tabs with Next/Previous
แต่จนแล้วจนรอดผมก็ทำไม่ได้ครับ ผมเลยลองผิดลองถูกเลยได้แบบนี้ครับ
แต่จนแล้วจนรอดผมก็ทำไม่ได้ครับ ผมเลยลองผิดลองถูกเลยได้แบบนี้ครับ
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
<ul>
<li><a href="#tabs-1">หน้าหลัก</a></li>
<li><a href="#tabs-2">เกี่ยวกับเรา</a></li>
</ul>
<div id="tabs-1">เนื้อหาใน tab ที่1
และในหน้านี้เองที่ผมอยากจะมีปุ่มเอาไว้ลิงค์ที่ tab ที่2 โดยไม่ต้องไปคลิก เมนู tab ด้านบนผมเลยเพิ่มปุ่มและสคริปนี้เข้าไป
และในหน้านี้เองที่ผมอยากจะมีปุ่มเอาไว้ลิงค์ที่ tab ที่2 โดยไม่ต้องไปคลิก เมนู tab ด้านบนผมเลยเพิ่มปุ่มและสคริปนี้เข้าไป
<script>
$(function() {
$( "#NextBT").button();
$( "#NextBT").click(function(){ $("#tabs").tabs().tabs("select","#tabs-2"); });
// ส่วนนี้คือ พอคลิก อ่านรายละเอียดต่อหน้าสอง มันก็จะเปิด tab-2 ให้เลยครับ
</script>
<a id="NextBT" href="#" >อ่านรายละเอียดต่อหน้าสอง</a>
</div> <div id="tabs-2">เนื้อหาใน tab ที่2</div>
ยังไงก็ลองเอาไปทำดูครับ เคยเห็นมีคนถามแบบนี้ในอินเทอร์เน็ทอยู่ หวังว่าจะพอมีประโยชน์นะครับ หรือใครมีวิธีก็แนะนำ ผมจะได้ไปลองใช้แบบอื่นดูครับ
