หลังจากบล็อคแรกผ่านไปนานโคตร  วันนี้ยังไม่มีอะไรมากแค่จะมาทักทายกันเฉยๆครับ

jquery ui tab เพิ่มลิงค์เพื่อไปที่หน้าอื่นใน tab

ตามหัวข้อเลยครับ การใช้ jquery ui tab
เรื่องของเรื่องคือผมกำลังเพิ่งเริ่มใช้ 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 ด้านบนผมเลยเพิ่มปุ่มและสคริปนี้เข้าไป

<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>

ยังไงก็ลองเอาไปทำดูครับ เคยเห็นมีคนถามแบบนี้ในอินเทอร์เน็ทอยู่ หวังว่าจะพอมีประโยชน์นะครับ หรือใครมีวิธีก็แนะนำ ผมจะได้ไปลองใช้แบบอื่นดูครับ

Lajlwm Kiatyanyong | สร้างลิงค์ของโปรไฟล์ในแบบที่เป็นตัวคุณเอง

เริ่มต้นกับการเขียนบล็อคของตัวเองครั้งแรก

ดีใจและกำลังจะหัดเขียนบล็อคแรกของตัวเองครับ