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

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

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



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

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

  HTTP Request แบบ POST รับได้มากสุดกี่ตัว ถามเมื่อ (2016-07-27)   1,984 views  (ดูล่าสุดเมื่อ 4 นาที)

  POI กำหนดความกว้าง ของ Cell ยังไงให้เท่ากับใน Exel ถามเมื่อ (2013-07-25)   2,910 views  (ดูล่าสุดเมื่อ 4 นาที)

  Unix unzip ไฟล์ไว้ใน folder ถามเมื่อ (2016-07-27)   2,596 views  (ดูล่าสุดเมื่อ 18 นาที)

  วิธีเปิด static ให้กับ data source บน JBOSS ถามเมื่อ (2018-01-29)   2,374 views  (ดูล่าสุดเมื่อ 31 นาที)

  ขอตัวอย่าง Hibernate get Sequenc Oracle โดยไม่ต้อง Mapping ครับ ถามเมื่อ (2013-07-04)   3,248 views  (ดูล่าสุดเมื่อ 37 นาที)

  หา font ไทยสวยๆ บน google font มาใส่เว็บกันเถอะ ถามเมื่อ (2017-07-27)   2,292 views  (ดูล่าสุดเมื่อ 71 นาที)

  Java SubString Example ตัวอย่างการ SubString แบบต่างๆ ใน Java ถามเมื่อ (2015-11-10)   5,189 views  (ดูล่าสุดเมื่อ 73 นาที)

  ไฟล์แบบ WebP ดีอย่างไร ถามเมื่อ (2020-01-29)   3,035 views  (ดูล่าสุดเมื่อ 73 นาที)

  ทำความรู้จักกับ YEOMAN BOWER และ GRUNT สามตัวนี้คืออะไร เอาไว้ใช้ทำอะไรได้บ้าง ถามเมื่อ (2015-09-30)   2,591 views  (ดูล่าสุดเมื่อ 76 นาที)

  PHP Codeigniter Cannot modify header information headers already sent by ปัญหาตอน redirect ถามเมื่อ (2019-08-26)   3,241 views  (ดูล่าสุดเมื่อ 95 นาที)


 

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