jquery ui set ความกว้าง ความยาว TAB ยังไง  สร้างคำถาม

 2,896 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 29/03/2013

jquery ui set ความกว้าง ความยาว TAB ยังไง


ผมจะทำแบบว่า set tab ไปก่อนแล้วกำหนดค่าตามทีหลังนะครับ
Set ค่าตัว option ต่างๆ ของ Tab ตามนี้ได้เลย

สั่งให้ tab ทำงานครับ
��$( "#myTabs" ).tabs();

กำหนดให้ความยาวต่ำสุดที่ 90% ของหน้าจอ
��$("#myTabs").css("min-height", "90%");

อันสุดท้ายนี่คือถ้าหาก content ยาวเกินก็ให้ขยาย auto
��$("#myTabs").css("overflow", "auto");

ปล. myTabs คือ ID ของ tab เรานะครับแก้ไขตามของใครของมันนะ


ถ้าชอบบทความนี้ กด Like เลย :jquery ui set ความกว้าง ความยาว TAB ยังไง

 2,896 view  หมวดหมู่ : สำหรับโปรแกรมเมอร์  วันที่สร้าง : 29/03/2013



SOA,Java,XSLT

 ร่วมแสดงความคิดเห็นได้ที่นี่

#1.    งง
@ ผมลองแล้วมันไม่ได้อ่ะครับ
ถ้าใส่ height แล้วมันจะไม่ยืดตาม content
แต่ถ้าไม่ใส่ มันก็กำหนดค่า default ไม่ได้

...............................................
#2.    เอก
@ ผมแก้ปัญหาด้วยวิธีนี้ครับ
คำนวณก่อน Set ค่าความยาวลงไป

ดึงค่าความยาวของหน้าจอ
var sh = $(window).height();

ตั้งความยาว Tab ให้พอดีตามความเหมาะสมครับ
var th = sh - 10;

ถ้าอยากกำหนดค่า Min ก็เช็คเงื่อนไขเองได้เช่น
กำหนดค่า Min default เป็น 500 ก็เช็คง่ายๆ ตามนี้เลย
if(th<500)th=500;

เสร็จแล้วก็กำหนดค่าให้ tabs ครับ
$('#tabs').height(th);

...............................................



× แจ้งเตือน! เราสนับสนุนทุกความคิดเห็น ที่ ใช้ถ้อยคำสุภาพ ไม่ละเมิดผู้อื่น ไม่ก่อให้เกิดความขัดแย้ง

เนื้อหาที่เกี่ยวช้อง

  Java script object example พร้อมตัวอย่างการใช้งาน ถามเมื่อ (2017-12-26)   2,067 views  (ดูล่าสุดเมื่อ 2 นาที)

  รู้มั้ยค่ะวิธีดูว่าใครมาดูfacebookเราบ้าง ถามเมื่อ (2011-08-12)   3,131 views  (ดูล่าสุดเมื่อ 5 นาที)

  ตัวอย่าง Template Jquery UI สำเร็จรูป โหลดฟรี ถามเมื่อ (2015-08-23)   3,766 views  (ดูล่าสุดเมื่อ 17 นาที)

  Oracle Error ORA 01858 a non numeric character was found where a numeric was expected ถามเมื่อ (2017-03-03)   3,329 views  (ดูล่าสุดเมื่อ 31 นาที)

  รหัส Error ที่ผู้ใช้เว็บควรรู้ มีอะไรบ้าง ถามเมื่อ (2016-11-02)   3,005 views  (ดูล่าสุดเมื่อ 32 นาที)

  Hibernate Call PLSQL โดยใช้ createStoredProcedureCall ถามเมื่อ (2017-06-01)   2,381 views  (ดูล่าสุดเมื่อ 32 นาที)

  ng model ใน AngularJS คือ อะไร ถามเมื่อ (2015-06-18)   2,440 views  (ดูล่าสุดเมื่อ 32 นาที)

  NPM คืออะไร หาคำตอบได้ที่นี่ ถามเมื่อ (2015-09-30)   2,166 views  (ดูล่าสุดเมื่อ 34 นาที)

  Java เปรียบเทียบ String มากกว่า น้อยกว่า ยังไง ถามเมื่อ (2012-11-16)   3,799 views  (ดูล่าสุดเมื่อ 34 นาที)

  Oracle field Varchar จุกี่ byte ถามเมื่อ (2015-11-10)   2,563 views  (ดูล่าสุดเมื่อ 36 นาที)


 

บ้านเดียวกันดอทคอม เว็บถามตอบ รวมทุกเรื่องที่คุณอยากรู้ ให้ความรู้ ความบันเทิง มีสาระ
www.ban1gun.com