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

 2,859 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,859 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);

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



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

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

  WAMP stack คืออะไร ต่างจาก LAMP Stack อย่างไร ถามเมื่อ (2015-09-29)   3,110 views  (ดูล่าสุดเมื่อ 41 นาที)

  ใครคือบิดาแห่งภาษา Java ครับ ถามเมื่อ (2013-02-22)   3,097 views  (ดูล่าสุดเมื่อ 44 นาที)

  วิธี เช็คเงื่อนไข ใน SQL Command ของ Oracle ถามเมื่อ (2012-11-29)   3,931 views  (ดูล่าสุดเมื่อ 48 นาที)

  เทคนิค ตั้ง crontab ให้ run ทุกๆ 15 วินาที ถามเมื่อ (2016-09-13)   2,912 views  (ดูล่าสุดเมื่อ 49 นาที)

  รู้จักกับ XSL XSLT XPath XQuery XSL Fo ในการจัดการข้อมูล XML ถามเมื่อ (2014-05-27)   2,902 views  (ดูล่าสุดเมื่อ 88 นาที)

  PL SQL การใช้งาน Array พร้อมตัวอย่าง ถามเมื่อ (2014-10-09)   3,269 views  (ดูล่าสุดเมื่อ 98 นาที)

  สมเกียรติ เขมะจารัง ถามเมื่อ (2011-10-23)   2,698 views  (ดูล่าสุดเมื่อ 150 นาที)

  JSON ย่อมาจาก JavaScript Object Notation ความหมายคือ ถามเมื่อ (2017-12-26)   2,070 views  (ดูล่าสุดเมื่อ 153 นาที)

  datatable page select row วิธีปิด select row per page แบบให้ paging ยังอยู่ ถามเมื่อ (2017-06-01)   2,608 views  (ดูล่าสุดเมื่อ 192 นาที)

  วิธีใช้ extra webcam ถามเมื่อ (2012-02-28)   3,306 views  (ดูล่าสุดเมื่อ 198 นาที)


 

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