แท็บ jQuery เลื่อนไปที่ด้านบนของหน้าเมื่อใช้ตัวเลือก FX นี่เป็นเรื่องที่น่ารำคาญที่สุดเมื่อผู้ใช้สร้างสไลด์โชว์เอฟเฟ็กต์เนื่องจากภาพเคลื่อนไหวทำให้หน้าเว็บเลื่อนไปด้านบนและไม่มีวิธีใดที่จะป้องกันไม่ให้เกิดเหตุการณ์เช่นนี้โดยใช้วิธีการทั่วไปในการแสดงเท็จเพื่อแสดงเหตุการณ์อื่น ๆ ด้วยตัวเลือก FX: ie จะทำงานได้ดีอย่างไรก็ตามหลังจากเคยชิน: หลังจากติดจมูกของฉันในซอร์สโค้ดของแท็บฉันพบบรรทัดนี้: show. hide () removeClass (ui-tabs-hide) หลีกเลี่ยงการกะพริบในลักษณะที่ปรากฏการเรียก hide () คือ เรียกใช้เหตุผลนี้ด้วยเหตุผลบางประการ การลบการโทรเพื่อซ่อนจะเป็นการหยุดปัญหา แต่ตามที่แสดงความคิดเห็นนี้จะทำให้ภาพเคลื่อนไหวแสดงเป็นภาพสั่นไหว ตกลงหลังจาก Googling บาง Ive stumbled ลงนี้: ห่อ div ที่มีแท็บใน div ที่มีความสูงคงที่ (3) ความคิดเห็น: 1 เปลี่ยน 7 ago โดย MiiJaySung แสดงความคิดเห็นดูเหมือนจะทำงานได้และฉันกำลังคิดถึงบรรทัดฐานที่คล้ายกันซึ่งเป็นเพราะทั้งสองรายการถูกซ่อน จากนี้จะเป็นประโยชน์สำหรับความคลุมเครือนี้เพื่อให้ผู้ใช้ทราบและสามารถจัดการกับสถานการณ์ได้ตามที่พวกเขารู้สึกดีที่สุดสำหรับพวกเขา comment: 2 เปลี่ยนเมื่อ 7 ago by scalvert นี่ไม่ใช่แค่เกิดขึ้นเมื่อใช้ตัวเลือก fx เท่านั้น Im ประสบโดยใช้มาร์กอัปต่อไปนี้: เลือก: vars. userStateSelectedTab, spinner: false, select: function (event, ui) (tabs-loading).show () tabSelected true, load: function (event, ui) var parameters getParameters ) แท็บปฏิสัมพันธ์แป้นพิมพ์ Widget เมื่อโฟกัสอยู่บนแท็บคำสั่งสำคัญต่อไปนี้จะพร้อมใช้งาน: ด้านซ้ายบน เลื่อนโฟกัสไปที่แท็บก่อนหน้า หากอยู่บนแท็บแรกย้ายโฟกัสไปยังแท็บสุดท้าย เปิดใช้งานแท็บเน้นหลังการหน่วงเวลาสั้น ๆ DOWN RIGHT ย้ายโฟกัสไปยังแท็บถัดไป หากอยู่ที่แท็บสุดท้ายย้ายโฟกัสไปที่แท็บแรก เปิดใช้งานแท็บเน้นหลังการหน่วงเวลาสั้น ๆ CTRL ขึ้นด้านซ้าย เลื่อนโฟกัสไปที่แท็บก่อนหน้า หากอยู่บนแท็บแรกย้ายโฟกัสไปยังแท็บสุดท้าย ต้องเปิดใช้งานแท็บเน้นด้วยตนเอง CTRL DOWN RIGHT ย้ายโฟกัสไปยังแท็บถัดไป หากอยู่ที่แท็บสุดท้ายย้ายโฟกัสไปที่แท็บแรก ต้องเปิดใช้งานแท็บเน้นด้วยตนเอง บ้าน. ย้ายโฟกัสไปที่แท็บแรก เปิดใช้งานแท็บเน้นหลังการหน่วงเวลาสั้น ๆ END ย้ายโฟกัสไปยังแท็บสุดท้าย เปิดใช้งานแท็บเน้นหลังการหน่วงเวลาสั้น ๆ CTRL HOME ย้ายโฟกัสไปที่แท็บแรก ต้องเปิดใช้งานแท็บเน้นด้วยตนเอง CTRL END ย้ายโฟกัสไปยังแท็บสุดท้าย ต้องเปิดใช้งานแท็บเน้นด้วยตนเอง SPACE เปิดใช้งานแผงควบคุมที่เชื่อมโยงกับแท็บเน้น ENTER เปิดใช้งานหรือสลับแผงควบคุมที่เกี่ยวข้องกับแท็บเน้น ALT OPTION PAGE UP เลื่อนโฟกัสไปที่แท็บก่อนหน้าและเปิดใช้งานทันที ALT OPTION PAGE DOWN เลื่อนโฟกัสไปที่แท็บถัดไปและเปิดใช้งานทันที เมื่อโฟกัสอยู่ในแผงคำสั่งที่สำคัญมีดังต่อไปนี้: CTRL UP ย้ายโฟกัสไปที่แท็บที่เกี่ยวข้อง ALT OPTION PAGE UP เลื่อนโฟกัสไปที่แท็บก่อนหน้าและเปิดใช้งานทันที ALT OPTION PAGE DOWN เลื่อนโฟกัสไปที่แท็บถัดไปและเปิดใช้งานทันที วิดเจ็ตแท็บใช้กรอบ CSS jQuery UI เพื่อจัดรูปลักษณ์และความรู้สึก หากต้องการจัดรูปแบบแท็บเฉพาะคุณสามารถใช้ชื่อคลาส CSS ต่อไปนี้เพื่อแทนที่หรือเป็นคีย์สำหรับคลาส: ui-tabs ภาชนะภายนอกของแท็บ องค์ประกอบนี้จะมีคลาส Ui-tabs-collapsible เพิ่มเติมเมื่อตั้งค่าตัวเลือกที่ยุบลง UI แท็บ-nav รายการแท็บ UI แท็บแท็บ หนึ่งในรายการในรายการของแท็บรายการที่ใช้งานอยู่จะมีชั้น Ui-tabs-active รายการใด ๆ ที่มีเนื้อหาที่เกี่ยวข้องกำลังโหลดผ่านทางแฮงเอาท์ Ajax จะมีชั้นโหลด UI UI แท็บยึด แองเคอร์ที่ใช้ในการเปลี่ยนแผง UI แท็บแบน แผงควบคุมที่เกี่ยวข้องกับแท็บ เฉพาะแผงที่มีแท็บที่ทำงานอยู่จะมองเห็นได้ พึ่งพาหมายเหตุเพิ่มเติม: วิดเจ็ตนี้ต้องใช้ CSS บางฟังก์ชันมิฉะนั้นจะทำงานได้ไม่ดี หากคุณสร้างธีมที่กำหนดเองให้ใช้ไฟล์ CSS widgetaposs ที่ระบุเป็นจุดเริ่มต้น activexA0 แผงใดที่ปัจจุบันเปิดอยู่ รองรับหลายประเภท: บูลีน การตั้งค่าเป็น false จะยุบแผงทั้งหมด นี้ต้องใช้ตัวเลือกที่ยุบได้จริง จำนวนเต็ม ดัชนี zero-based ของแผงควบคุมที่ใช้งานอยู่ (เปิด) ค่าลบจะเลือกแผงที่จะย้อนกลับจากแผงสุดท้าย ตัวอย่างรหัส: เริ่มต้นแท็บที่มีตัวเลือกที่ใช้งานอยู่: แท็บใน jQuery UI 1.7 วิดเจ็ต UI จะใช้เพื่อสลับการมองเห็นในชุดขององค์ประกอบที่แตกต่างกันโดยแต่ละองค์ประกอบจะมีเนื้อหาที่สามารถเข้าถึงได้โดยคลิกที่หัวเรื่องซึ่งจะปรากฏเป็น แท็บบุคคล แท็บมีโครงสร้างเพื่อให้เรียงรายอยู่ติดกันในขณะที่ส่วนเนื้อหาจะเรียงซ้อนอยู่ด้านบนสุดของแต่ละด้านโดยจะมีเฉพาะด้านบนเท่านั้นที่สามารถมองเห็นได้ การคลิกแท็บจะเน้นแท็บและนำแผงเนื้อหาที่เกี่ยวข้องไปไว้ด้านบนสุดของกองซ้อน สามารถเปิดแผงเนื้อหาได้ครั้งละหนึ่งรายการเท่านั้น ภาพประกอบต่อไปนี้แสดงส่วนประกอบต่าง ๆ ของชุดแท็บ UI: การใช้งานแท็บพื้นฐานโครงสร้างองค์ประกอบ HTML พื้นฐานที่ใช้แท็บนั้นมีความแข็งและวิดเจ็ตจำเป็นต้องมีองค์ประกอบหลายอย่างเพื่อให้สามารถทำงานได้ ต้องสร้างแท็บจากองค์ประกอบของรายการ (สั่งหรือไม่มีลำดับ) และรายการแต่ละรายการจะต้องมีองค์ประกอบ ltagt แต่ละลิงก์จะต้องมีองค์ประกอบที่เกี่ยวข้องกับ id ที่ระบุซึ่งเชื่อมโยงกับแอตทริบิวต์ href link อธิบายโครงสร้างที่แน่นอนขององค์ประกอบเหล่านี้หลังจากตัวอย่างแรกของเรา ในไฟล์ใหม่ในโปรแกรมแก้ไขข้อความของคุณให้สร้างหน้าต่อไปนี้: บันทึกรหัสเป็น tabs1.html ในโฟลเดอร์การทำงานของ jqueryui ให้ตรวจสอบสิ่งที่ใช้ สคริปต์และทรัพยากร CSS ต่อไปนี้เป็นสิ่งจำเป็นสำหรับแท็บเครื่องมือดีฟอลต์ instantiation: วิดเจ็ตแท็บประกอบด้วยองค์ประกอบ HTML มาตรฐานหลายแบบที่จัดไว้ในลักษณะที่เฉพาะเจาะจง (สามารถเขียนลงในฮาร์ดไดรฟ์หรือเพิ่มแบบไดนามิกหรืออาจเป็นส่วนผสมของทั้งสองอย่าง) ขึ้นอยู่กับความต้องการของการใช้งานของคุณ) องค์ประกอบคอนเทนเนอร์ด้านนอกซึ่งเรียกว่าแท็บวิธีการเกี่ยวกับองค์ประกอบรายการ (ltulgt หรือ ltolgt) องค์ประกอบ ltagt สำหรับแต่ละแท็บองค์ประกอบสำหรับเนื้อหาของแต่ละแท็บองค์ประกอบสองตัวแรกภายในคอนเทนเนอร์ด้านนอกทำให้ส่วนหัวแท็บที่คลิกได้ซึ่งเป็น ใช้เพื่อแสดงเนื้อหาที่เชื่อมโยงกับแท็บ แต่ละแท็บควรประกอบด้วยรายการที่มีลิงค์ แอตทริบิวต์ href ของลิงก์ควรตั้งเป็นตัวระบุส่วนหัวโดยมีคำนำหน้า ควรจับคู่แอตทริบิวต์ id ขององค์ประกอบที่สร้างส่วนเนื้อหาโดยที่มีการเชื่อมโยงอยู่ ส่วนเนื้อหาของแต่ละแท็บสร้างโดยองค์ประกอบ ต้องระบุแอตทริบิวต์ id และจะกำหนดเป้าหมายโดยองค์ประกอบที่เกี่ยวข้อง เราใช้องค์ประกอบในตัวอย่างนี้เป็นแผงเนื้อหาสำหรับแต่ละแท็บ แต่สามารถใช้องค์ประกอบอื่น ๆ เช่นองค์ประกอบได้ องค์ประกอบที่กล่าวถึงในขณะนี้พร้อมด้วยแอตทริบิวต์ที่จำเป็นคือจำนวนขั้นต่ำที่จำเป็นต้องใช้จากมาร์กอัพพื้นฐานเราเชื่อมโยงไปยังแหล่งข้อมูล ltscriptgt หลายแห่งจากห้องสมุดที่ด้านล่างของ ltbodygt ก่อนแท็กปิด การโหลดสคริปต์ล่าสุดหลังจาก stylesheets และองค์ประกอบของเพจเป็นเทคนิคที่ได้รับการพิสูจน์แล้วในการปรับปรุงประสิทธิภาพ หลังจากเชื่อมโยง jQuery เป็นครั้งแรกเราจะเชื่อมโยงไปยังไฟล์ ui. core. js ที่คอมโพเนนต์ทั้งหมดกำหนดไว้ (ยกเว้นเอฟเฟ็กต์ที่มีไฟล์หลักของตัวเอง) จากนั้นเราจะเชื่อมโยงไปยังแฟ้มต้นฉบับของคอมโพเนนต์ซึ่งในกรณีนี้คือ ui. tabs. js หลังจากไฟล์สคริปต์ที่จำเป็นต้องใช้สามไฟล์จากไลบรารีเราสามารถเปลี่ยนเป็นองค์ประกอบ lt scriptgt ที่กำหนดเองซึ่งเราจะเพิ่มโค้ดที่สร้างแท็บ เราเพียงแค่ใช้ทางลัด (function ()) เพื่อรันโค้ดของเราเมื่อเอกสารพร้อม จากนั้นเราจะเรียกใช้เครื่องมือ widget แท็บ () บนออบเจ็กต์ jQuery แทนองค์ประกอบคอนเทนเนอร์แท็บของเรา (ltulgt ที่มีรหัสของ myTabs) เมื่อเราเรียกใช้ไฟล์นี้ในเบราเซอร์เราจะเห็นแท็บดังที่ปรากฏในหน้าจอแรก ของบทความนี้ (โดยไม่มีคำอธิบายประกอบแน่นอน) Tab CSS framework classes การใช้ Firebug for Firefox (หรืออื่น ๆ DOM explorer แบบทั่วไป) เราจะเห็นว่าชื่อชั้นต่างๆถูกเพิ่มลงในองค์ประกอบ HTML ต้นแบบต่างๆที่มีการสร้างวิดเจ็ตแท็บดังที่แสดงในภาพหน้าจอต่อไปนี้: สั้น ไปยังคอนเทนเนอร์ด้านนอก lt divgt มีการเพิ่มชื่อชั้นต่อไปนี้: ใช้มุมโค้งมนไปที่ขอบด้านล่างของแผงเนื้อหาทั้งหมดคลาสทั้งหมดจะถูกเพิ่มลงในไลบรารีโดยอัตโนมัติโดยไลบรารีเราไม่ต้องเพิ่มด้วยตนเองเมื่อเขียนโค้ดหน้า . ตารางต่อไปนี้แสดงกรอบการทำงาน CSS ซึ่งเป็นชุดรูปแบบ CSS แบบโครงสร้างที่สมบูรณ์แบบซึ่งควบคุมลักษณะการทำงานของแท็บและธีมเฉพาะธีมที่ควบคุมลักษณะของแท็บต่างๆ เราสามารถดูได้ว่าตัวเลือกใดที่ต้องการแทนที่หากต้องการปรับแต่งลักษณะที่ปรากฏของวิดเจ็ตซึ่งเป็นสิ่งที่ทำได้ดีในส่วนต่อไปนี้ การใช้ชุดรูปแบบที่กำหนดเองกับแท็บในตัวอย่างต่อไปเราจะเห็นวิธีเปลี่ยนรูปลักษณ์พื้นฐานของแท็บ เราสามารถแทนที่กฎที่ใช้หมดจดเพื่อจุดประสงค์ในการแสดงผลด้วยกฎสไตล์ของเราเองเพื่อให้สามารถปรับแต่งได้ง่ายและรวดเร็วโดยไม่ต้องเปลี่ยนกฎที่เกี่ยวข้องกับฟังก์ชันหรือโครงสร้างของแท็บ ในไฟล์ใหม่ในโปรแกรมแก้ไขข้อความของคุณให้สร้างสไตล์ชีตขนาดเล็กต่อไปนี้ นี่คือทั้งหมดที่เราต้องการ บันทึกไฟล์เป็น tabsTheme. css ในโฟลเดอร์ css ของคุณ หากคุณเปรียบเทียบชื่อชั้นเรียนกับตารางในหน้าก่อน ๆ คุณจะเห็นว่ามีการเอาชนะรูปแบบเฉพาะธีม เนื่องจากมีการเอาชนะไฟล์ชุดรูปแบบเราจึงจำเป็นต้องตอบสนองหรือเกินความจำเพาะเจาะจงของ selectors ใน theme. css นี่คือเหตุผลที่เรากำหนดเป้าหมาย selectors หลายตัวในบางครั้ง ในตัวอย่างนี้เราจะแทนที่กฎบางอย่างใน ui. tabs. css เราจำเป็นต้องใช้ตัวเลือกรหัสขององค์ประกอบคอนเทนเนอร์ของเราพร้อมกับตัวเลือกจาก ui. theme. css (.ui - วิดเจ็ตเนื้อหา) เพื่อที่จะเอาชนะตัวเลือกชั้นสอง. ui-tabs. ui-tabs-panel อย่าลืมเชื่อมโยงไปยังสไตล์ชีตใหม่จากไฟล์ lt headgt ของไฟล์ HTML ที่อยู่ภายใต้และตรวจสอบให้แน่ใจว่าสไตล์ชีตที่กำหนดเองที่เราสร้างขึ้นจะปรากฏขึ้นหลังจากไฟล์ ui. tabs. css: กฎที่เรากำลังพยายามจะลบล้างจะไม่ถูกแทนที่ด้วย ไฟล์ธีมของเราหาก stylesheets ไม่ได้เชื่อมโยงอยู่ในลำดับที่ถูกต้อง บันทึกไฟล์ที่แก้ไขเป็น tabs2.html ในโฟลเดอร์ jqueryui และดูในเบราเซอร์ ควรมีลักษณะเป็นภาพหน้าจอต่อไปนี้: ธีมใหม่ของเราไม่แตกต่างจากความนุ่มนวลเริ่มต้น อย่างไรก็ตามเราสามารถปรับแต่งลักษณะที่ปรากฏเพื่อให้เหมาะกับความต้องการและความต้องการของเราเองโดยเพิ่มรูปแบบเพิ่มเติมเพียงไม่กี่รูปแบบ องค์ประกอบที่แตกต่างกันในไลบรารีแต่ละชุดมีตัวเลือกต่างๆเพื่อควบคุมคุณสมบัติของวิดเจ็ตที่เปิดใช้งานโดยค่าเริ่มต้น ตัวอักษรวัตถุสามารถถูกส่งผ่านไปยังแท็บเครื่องมือเพื่อกำหนดค่าตัวเลือกเหล่านี้ ตัวเลือกที่ใช้ได้ในการกำหนดค่าพฤติกรรมที่ไม่ใช่ค่าเริ่มต้นเมื่อใช้วิดเจ็ตแท็บจะแสดงในตารางต่อไปนี้: สตริงที่ระบุองค์ประกอบที่ใช้เมื่อสร้างแท็บใหม่แบบไดนามิก สังเกตเห็นว่าแท็ก ltagt และ ltspangt ถูกสร้างขึ้นเมื่อมีการเพิ่มแท็บใหม่โดยวิดเจ็ต และส่วนของสตริงจะถูกใช้ภายในโดยเครื่องมือและจะถูกแทนที่ด้วยค่าที่แท้จริงโดยวิดเจ็ต การเลือกแท็บช่วยให้สามารถพิจารณาคุณสมบัติที่สามารถกำหนดค่าได้ ตัวอย่างเช่นกำหนดค่าวิดเจ็ตเพื่อให้แท็บที่สองปรากฏขึ้นเมื่อโหลดหน้าเว็บ ลบ lt linkgt สำหรับ tabsTheme. css ใน lt headgt และเปลี่ยน element lt scriptgt สุดท้ายเพื่อให้ปรากฏดังนี้: Save this as tabs3.html แท็บต่างๆและแผงเนื้อหาที่เกี่ยวข้องจะแสดงด้วยดัชนีตัวเลขที่เริ่มต้นจากศูนย์เหมือนกับอาร์เรย์ JavaScript มาตรฐาน การระบุแท็บอื่นเพื่อเปิดโดยค่าเริ่มต้นทำได้ง่ายเพียงแค่ให้หมายเลขดัชนีเป็นค่าสำหรับพร็อพเพอร์ตี้ที่เลือก เมื่อโหลดหน้าแท็บที่สองควรเลือก ใดก็ตามเราเปลี่ยนไปชุดรูปแบบเรียบเริ่มต้นเพื่อให้เราสามารถมุ่งเน้นการทำงานคุณสมบัติ พร้อมกับการเปลี่ยนแท็บที่ถูกเลือกเรายังสามารถระบุได้ว่าจะไม่มีการเลือกแท็บใด ๆ โดยการจัดหา null เป็นค่าสำหรับพร็อพเพอร์ตี้นี้ ซึ่งจะทำให้วิดเจ็ตปรากฏขึ้นดังต่อไปนี้ในการโหลดหน้าเว็บ: การปิดใช้งานแท็บคุณอาจต้องการปิดใช้งานแท็บเฉพาะจนกว่าจะมีการปฏิบัติตามเงื่อนไขบางอย่าง ทำได้โดยการจัดการกับคุณสมบัติที่ปิดใช้งานของแท็บ เปลี่ยนออบเจกต์การกำหนดค่าใน tabs3.html เป็น: บันทึกนี้เป็น tabs4.html ในโฟลเดอร์ jqueryui ของคุณ ในตัวอย่างนี้เราจะลบพร็อพเพอร์ตี้ที่เลือกและเพิ่มดัชนีของแท็บที่สองลงในอาร์เรย์ที่ปิดใช้งาน เราสามารถเพิ่มดัชนีของแท็บอื่น ๆ ลงในอาร์เรย์นี้ด้วยคั่นด้วยเครื่องหมายจุลภาคเพื่อปิดใช้งานหลายแท็บตามค่าเริ่มต้น เมื่อโหลดหน้าเว็บในเบราเซอร์แล้วแท็บที่สองมีชื่อคลาส ui-widget ที่ถูกปิดใช้งานและจะเลือกรูปแบบที่ปิดใช้งานจาก ui. theme. css จะไม่ตอบสนองต่อการมีปฏิสัมพันธ์กับเมาส์ในลักษณะใด ๆ ดังที่แสดงในภาพหน้าจอต่อไปนี้ผลการเปลี่ยนเราสามารถเพิ่มเอฟเฟ็กต์การเปลี่ยนแปลงที่น่าสนใจโดยใช้คุณสมบัติ fx เหล่านี้จะปรากฏขึ้นเมื่อแท็บเปิดและปิด คุณสมบัตินี้ถูกกำหนดค่าโดยใช้อ็อบเจ็กต์วัตถุอื่น (หรืออาร์เรย์) ภายในอ็อบเจ็กต์คอนฟิกูเรชันซึ่งจะทำให้เอฟเฟ็กต์หนึ่งหรือมากกว่า ให้ใช้เอฟเฟ็กต์ซีดจางโดยใช้ออบเจกต์การกำหนดค่าต่อไปนี้: บันทึกไฟล์นี้เป็น tabs5.html ในโฟลเดอร์ jqueryui ของคุณ วัตถุ fx ที่เราสร้างมีคุณสมบัติสองอย่าง คุณสมบัติแรกคือภาพเคลื่อนไหว เมื่อต้องการใช้การซีดจางเราจะระบุความทึบแสงเนื่องจากนี่คือสิ่งที่ถูกปรับ เราจะระบุความสูงเป็นชื่อคุณสมบัติแทนที่จะใช้ภาพเคลื่อนไหวที่เปิด การเปลี่ยนความทึบเพียงแค่ย้อนกลับการตั้งค่าปัจจุบัน หากปัจจุบันสามารถมองเห็นได้จะทำให้มองไม่เห็นและในทางกลับกัน คุณสมบัติที่สองระยะเวลา ระบุความเร็วที่การเคลื่อนไหวเกิดขึ้น ค่าสำหรับคุณสมบัตินี้ทำงานช้า ปกติ (ค่าดีฟอลต์) หรือเร็ว นอกจากนี้เรายังสามารถจัดหาจำนวนเต็มแทนจำนวนมิลลิวินาทีที่ภาพเคลื่อนไหวควรใช้งานได้ เมื่อเราเรียกใช้ไฟล์เราจะเห็นว่าเนื้อหาของแท็บค่อยๆจางหายไปเมื่อแท็บปิดและจางหายไปเมื่อแท็บใหม่เปิดขึ้น ภาพเคลื่อนไหวทั้งสองเกิดขึ้นระหว่างการทำงานร่วมกันของแท็บเดียว หากต้องการแสดงภาพเคลื่อนไหวเพียงครั้งเดียวเมื่อแท็บปิดตัวอย่างเช่นเราจะต้องวางวัตถุ fx ไว้ในอาร์เรย์ เปลี่ยนออบเจ็กต์การกำหนดค่าใน tabs5.html เพื่อให้ปรากฏดังนี้: ผลปิดของแผงเนื้อหาที่เปิดอยู่ในปัจจุบันมีอยู่ภายในออบเจกต์ในรายการแรกของอาร์เรย์และการเปิดภาพเคลื่อนไหวของแท็บใหม่เป็นอันดับที่สอง โดยระบุ null เป็นรายการที่สองในอาร์เรย์เราปิดใช้งานภาพเคลื่อนไหวที่เปิดเมื่อเลือกแท็บใหม่ นอกจากนี้เรายังสามารถระบุภาพเคลื่อนไหวและความเร็วที่แตกต่างกันสำหรับการเปิดและปิดภาพเคลื่อนไหวได้ด้วยการเพิ่มอ็อบเจ็กต์อื่นเป็นไอเท็มอาร์เรย์ที่สองแทนโมฆะ บันทึกสิ่งนี้เป็น tabs6.html และดูผลลัพธ์ในเบราว์เซอร์ แท็บที่ยุบได้โดยค่าเริ่มต้นเมื่อคลิกแท็บที่ใช้งานอยู่ขณะนี้ไม่มีอะไรเกิดขึ้น แต่เราสามารถเปลี่ยนแปลงได้เพื่อให้แผงเนื้อหาที่เปิดอยู่ในปัจจุบันปิดลงเมื่อเลือกหัวเรื่องของแท็บ เปลี่ยนออบเจกต์การกำหนดค่าใน tabs6.html เพื่อให้ปรากฏดังนี้: บันทึกเวอร์ชันนี้เป็น tabs7.html ตัวเลือกนี้ช่วยให้สามารถปิดแผงข้อมูลเนื้อหาทั้งหมดได้เช่นเดียวกับเมื่อเราระบุ null ให้กับพร็อพเพอร์ตี้ที่เลือกไว้ก่อนหน้านี้ การคลิกที่แท็บปิดการใช้งานจะเป็นการเลือกแท็บและแสดงแผงเนื้อหาที่เกี่ยวข้อง การคลิกแท็บเดิมอีกครั้งจะเป็นการปิดเครื่องมือและลดวิดเจ็ตลงเพื่อให้มีเฉพาะส่วนหัวและแท็บเท่านั้น) ในบทความนี้เราได้กล่าวถึงหัวข้อต่อไปนี้: การใช้งานวิดเจ็ตเริ่มต้นอย่างไร CSS framework กำหนดเป้าหมายเครื่องมือของแท็บวิธีการใช้สไตล์ที่กำหนดเองกับชุดของแท็บการกำหนดค่าแท็บโดยใช้ตัวเลือกของพวกเขาผลการเปลี่ยนแปลงในตัวสำหรับการเปลี่ยนแปลงเนื้อหาในตัวถ้าคุณ อ่านบทความนี้ที่คุณอาจสนใจ: คุณได้อ่านข้อความที่ตัดตอนมา: โพสต์ยอดนิยมใหม่เราเข้าใจว่าเวลาของคุณเป็นสิ่งสำคัญ โดยเฉพาะในบรรดาผู้จัดพิมพ์รายใหญ่เราพยายามที่จะพัฒนาและเผยแพร่ผลิตภัณฑ์การเรียนรู้และข้อมูลที่กว้างที่สุดในแต่ละเทคโนโลยี ผลิตภัณฑ์ Packt ทุกชิ้นมอบเส้นทางการเรียนรู้ที่เฉพาะเจาะจงซึ่งกำหนดโดยกว้าง ๆ ตามประเภทซีรี่ส์ วิธีการแบบมีโครงสร้างช่วยให้คุณสามารถเลือกเส้นทางที่เหมาะสมกับระดับความรู้วัตถุประสงค์ในการเรียนรู้และวัตถุประสงค์ของงานได้ดีที่สุด ในฐานะผู้ใช้รายใหม่คำแนะนำการกวดวิชาทีละขั้นตอนเหล่านี้จะทำให้คุณมีทักษะในการปฏิบัติที่จำเป็นต่อการมีอำนาจและมีประสิทธิภาพ บทแนะนำที่เป็นมิตรและเป็นทางการที่ให้คำแนะนำในทางปฏิบัติโดยใช้ตัวอย่างกิจกรรมและความท้าทาย Essentials การแนะนำอย่างเข้มข้นและรวดเร็วเพื่อแสดงเครื่องมือที่รวดเร็วที่สุดในการนำเครื่องมือไปใช้ในโลกแห่งความเป็นจริง ชุดของสูตรที่มีอยู่ในตัวเองซึ่งผู้ใช้เทคโนโลยีทุกคนจะพบว่ามีประโยชน์สำหรับการสร้างระบบที่มีประสิทธิภาพและเชื่อถือได้มากขึ้น พิมพ์เขียวแนะนำคุณผ่านประเภทโครงการที่พบมากที่สุดซึ่งคุณจะได้พบกับคำแนะนำแบบ end-to-end เกี่ยวกับวิธีสร้างโซลูชันเฉพาะของคุณได้อย่างรวดเร็วและเชื่อถือได้ ใช้ทักษะของคุณในระดับต่อไปด้วยบทเรียนขั้นสูงที่จะทำให้คุณมั่นใจในการใช้เครื่องมือที่มีประสิทธิภาพมากที่สุด เข้าถึงผู้อ่านที่รับหัวข้อหัวข้อเหล่านี้ช่วยให้คุณเป็นเครื่องมือหรือเทคโนโลยีเพื่อให้คุณสามารถใช้งานได้อย่างมีประสิทธิภาพแท็บใน jQuery UI 1.7 วิดเจ็ต UI tab ใช้เพื่อสลับการมองเห็นในชุดขององค์ประกอบที่แตกต่างกันองค์ประกอบแต่ละองค์ประกอบที่มีเนื้อหา ที่สามารถเข้าถึงได้โดยคลิกที่หัวเรื่องซึ่งปรากฏเป็นแท็บเฉพาะบุคคล แท็บมีโครงสร้างเพื่อให้เรียงรายอยู่ติดกันในขณะที่ส่วนเนื้อหาจะเรียงซ้อนอยู่ด้านบนสุดของแต่ละด้านโดยจะมีเฉพาะด้านบนเท่านั้นที่สามารถมองเห็นได้ การคลิกแท็บจะเน้นแท็บและนำแผงเนื้อหาที่เกี่ยวข้องไปไว้ด้านบนสุดของกองซ้อน สามารถเปิดแผงเนื้อหาได้ครั้งละหนึ่งรายการเท่านั้น ภาพประกอบต่อไปนี้แสดงส่วนประกอบต่าง ๆ ของชุดแท็บ UI: การใช้งานแท็บพื้นฐานโครงสร้างองค์ประกอบ HTML พื้นฐานที่ใช้แท็บนั้นมีความแข็งและวิดเจ็ตต้องมีองค์ประกอบหลายอย่างเพื่อให้สามารถทำงานได้ ต้องสร้างแท็บจากองค์ประกอบของรายการ (สั่งหรือไม่มีลำดับ) และรายการแต่ละรายการจะต้องมีองค์ประกอบ ltagt แต่ละลิงก์จะต้องมีองค์ประกอบที่เกี่ยวข้องกับ id ที่ระบุซึ่งเชื่อมโยงกับแอตทริบิวต์ href link อธิบายโครงสร้างที่แน่นอนขององค์ประกอบเหล่านี้หลังจากตัวอย่างแรกของเรา ในไฟล์ใหม่ในโปรแกรมแก้ไขข้อความของคุณให้สร้างหน้าต่อไปนี้: บันทึกรหัสเป็น tabs1.html ในโฟลเดอร์การทำงานของ jqueryui ให้ตรวจสอบสิ่งที่ใช้ สคริปต์และทรัพยากร CSS ต่อไปนี้เป็นสิ่งจำเป็นสำหรับแท็บเครื่องมือดีฟอลต์ instantiation: วิดเจ็ตแท็บประกอบด้วยองค์ประกอบ HTML มาตรฐานหลายแบบที่จัดไว้ในลักษณะที่เฉพาะเจาะจง (สามารถเขียนลงในฮาร์ดไดรฟ์หรือเพิ่มแบบไดนามิกหรืออาจเป็นส่วนผสมของทั้งสองอย่าง) ขึ้นอยู่กับความต้องการของการใช้งานของคุณ) องค์ประกอบคอนเทนเนอร์ด้านนอกซึ่งเรียกว่าแท็บวิธีการเกี่ยวกับองค์ประกอบรายการ (ltulgt หรือ ltolgt) องค์ประกอบ ltagt สำหรับแต่ละแท็บองค์ประกอบสำหรับเนื้อหาของแต่ละแท็บองค์ประกอบสองตัวแรกภายในคอนเทนเนอร์ด้านนอกทำให้ส่วนหัวแท็บที่คลิกได้ซึ่งเป็น ใช้เพื่อแสดงเนื้อหาที่เชื่อมโยงกับแท็บ แต่ละแท็บควรประกอบด้วยรายการที่มีลิงค์ แอตทริบิวต์ href ของลิงก์ควรตั้งเป็นตัวระบุส่วนหัวโดยมีคำนำหน้า ควรจับคู่แอตทริบิวต์ id ขององค์ประกอบที่สร้างส่วนเนื้อหาโดยที่มีการเชื่อมโยงอยู่ ส่วนเนื้อหาของแต่ละแท็บสร้างโดยองค์ประกอบ ต้องระบุแอตทริบิวต์ id และจะกำหนดเป้าหมายโดยองค์ประกอบที่เกี่ยวข้อง เราใช้องค์ประกอบในตัวอย่างนี้เป็นแผงเนื้อหาสำหรับแต่ละแท็บ แต่สามารถใช้องค์ประกอบอื่น ๆ เช่นองค์ประกอบได้ องค์ประกอบที่กล่าวถึงในขณะนี้พร้อมด้วยแอตทริบิวต์ที่จำเป็นคือจำนวนขั้นต่ำที่จำเป็นต้องใช้จากมาร์กอัพพื้นฐานเราเชื่อมโยงไปยังแหล่งข้อมูล ltscriptgt หลายแห่งจากห้องสมุดที่ด้านล่างของ ltbodygt ก่อนแท็กปิด การโหลดสคริปต์ล่าสุดหลังจาก stylesheets และองค์ประกอบของเพจเป็นเทคนิคที่ได้รับการพิสูจน์แล้วในการปรับปรุงประสิทธิภาพ หลังจากเชื่อมโยง jQuery เป็นครั้งแรกเราจะเชื่อมโยงไปยังไฟล์ ui. core. js ที่คอมโพเนนต์ทั้งหมดกำหนดไว้ (ยกเว้นเอฟเฟ็กต์ที่มีไฟล์หลักของตัวเอง) จากนั้นเราจะเชื่อมโยงไปยังแฟ้มต้นฉบับของคอมโพเนนต์ซึ่งในกรณีนี้คือ ui. tabs. js หลังจากไฟล์สคริปต์ที่จำเป็นต้องใช้สามไฟล์จากไลบรารีเราสามารถเปลี่ยนเป็นองค์ประกอบ lt scriptgt ที่กำหนดเองซึ่งเราจะเพิ่มโค้ดที่สร้างแท็บ เราเพียงแค่ใช้ทางลัด (function ()) เพื่อรันโค้ดของเราเมื่อเอกสารพร้อม จากนั้นเราจะเรียกใช้เครื่องมือ widget แท็บ () บนออบเจ็กต์ jQuery แทนองค์ประกอบคอนเทนเนอร์แท็บของเรา (ltulgt ที่มีรหัสของ myTabs) เมื่อเราเรียกใช้ไฟล์นี้ในเบราเซอร์เราจะเห็นแท็บดังที่ปรากฏในหน้าจอแรก ของบทความนี้ (โดยไม่มีคำอธิบายประกอบแน่นอน) Tab CSS framework classes การใช้ Firebug for Firefox (หรืออื่น ๆ DOM explorer แบบทั่วไป) เราจะเห็นว่าชื่อชั้นต่างๆถูกเพิ่มลงในองค์ประกอบ HTML ต้นแบบต่างๆที่มีการสร้างวิดเจ็ตแท็บดังที่แสดงในภาพหน้าจอต่อไปนี้: สั้น ไปยังคอนเทนเนอร์ด้านนอก lt divgt มีการเพิ่มชื่อชั้นต่อไปนี้: ใช้มุมโค้งมนไปที่ขอบด้านล่างของแผงเนื้อหาทั้งหมดคลาสทั้งหมดจะถูกเพิ่มลงในไลบรารีโดยอัตโนมัติโดยไลบรารีเราไม่ต้องเพิ่มด้วยตนเองเมื่อเขียนโค้ดหน้า . ตารางต่อไปนี้แสดงกรอบการทำงาน CSS ซึ่งเป็นชุดรูปแบบ CSS แบบโครงสร้างที่สมบูรณ์แบบซึ่งควบคุมวิธีการทำงานของแท็บและธีมเฉพาะธีมที่ควบคุมวิธีแสดงแท็บ แต่ไม่ใช่วิธีการทำงานของแท็บ เราสามารถดูได้ว่าตัวเลือกใดที่ต้องการแทนที่หากต้องการปรับแต่งลักษณะที่ปรากฏของวิดเจ็ตซึ่งเป็นสิ่งที่ทำได้ดีในส่วนต่อไปนี้ การใช้ชุดรูปแบบที่กำหนดเองกับแท็บในตัวอย่างต่อไปเราจะเห็นวิธีเปลี่ยนรูปลักษณ์พื้นฐานของแท็บ เราสามารถแทนที่กฎที่ใช้หมดจดเพื่อจุดประสงค์ในการแสดงผลด้วยกฎสไตล์ของเราเองเพื่อให้สามารถปรับแต่งได้ง่ายและรวดเร็วโดยไม่ต้องเปลี่ยนกฎที่เกี่ยวข้องกับฟังก์ชันหรือโครงสร้างของแท็บ ในไฟล์ใหม่ในโปรแกรมแก้ไขข้อความของคุณให้สร้างสไตล์ชีตขนาดเล็กต่อไปนี้ นี่คือทั้งหมดที่เราต้องการ บันทึกไฟล์เป็น tabsTheme. css ในโฟลเดอร์ css ของคุณ หากคุณเปรียบเทียบชื่อชั้นเรียนกับตารางในหน้าก่อน ๆ คุณจะเห็นว่ามีการเอาชนะรูปแบบเฉพาะธีม เนื่องจากมีการเอาชนะไฟล์ชุดรูปแบบเราจึงจำเป็นต้องตอบสนองหรือเกินความจำเพาะเจาะจงของ selectors ใน theme. css นี่คือเหตุผลที่เรากำหนดเป้าหมาย selectors หลายตัวในบางครั้ง ในตัวอย่างนี้เราจะแทนที่กฎบางอย่างใน ui. tabs. css เราจำเป็นต้องใช้ตัวเลือกรหัสขององค์ประกอบคอนเทนเนอร์ของเราพร้อมกับตัวเลือกจาก ui. theme. css (.ui - วิดเจ็ตเนื้อหา) เพื่อที่จะเอาชนะตัวเลือกชั้นสอง. ui-tabs. ui-tabs-panel อย่าลืมเชื่อมโยงไปยังสไตล์ชีตใหม่จากไฟล์ lt headgt ของไฟล์ HTML ที่อยู่ภายใต้และตรวจสอบให้แน่ใจว่าสไตล์ชีตที่เราสร้างขึ้นเองจะปรากฏขึ้นหลังจากไฟล์ ui. tabs. css: กฎที่เรากำลังพยายามจะลบล้างจะไม่ถูกแทนที่ด้วย ไฟล์ธีมของเราหาก stylesheets ไม่ได้เชื่อมโยงอยู่ในลำดับที่ถูกต้อง บันทึกไฟล์ที่แก้ไขเป็น tabs2.html ในโฟลเดอร์ jqueryui และดูในเบราเซอร์ ควรมีลักษณะเป็นภาพหน้าจอต่อไปนี้: ธีมใหม่ของเราไม่แตกต่างจากความนุ่มนวลเริ่มต้น อย่างไรก็ตามเราสามารถปรับแต่งลักษณะที่ปรากฏเพื่อให้เหมาะกับความต้องการและความต้องการของเราเองโดยเพิ่มรูปแบบเพิ่มเติมเพียงไม่กี่รูปแบบ องค์ประกอบที่แตกต่างกันในไลบรารีแต่ละชุดมีตัวเลือกต่างๆเพื่อควบคุมคุณสมบัติของวิดเจ็ตที่เปิดใช้งานโดยค่าเริ่มต้น ตัวอักษรวัตถุสามารถถูกส่งผ่านไปยังแท็บเครื่องมือเพื่อกำหนดค่าตัวเลือกเหล่านี้ ตัวเลือกที่ใช้ได้ในการกำหนดค่าพฤติกรรมที่ไม่ใช่ค่าเริ่มต้นเมื่อใช้วิดเจ็ตแท็บจะแสดงในตารางต่อไปนี้: สตริงที่ระบุองค์ประกอบที่ใช้เมื่อสร้างแท็บใหม่แบบไดนามิก สังเกตเห็นว่าแท็ก ltagt และ ltspangt ถูกสร้างขึ้นเมื่อมีการเพิ่มแท็บใหม่โดยวิดเจ็ต และส่วนของสตริงจะถูกใช้ภายในโดยเครื่องมือและจะถูกแทนที่ด้วยค่าที่แท้จริงโดยวิดเจ็ต การเลือกแท็บช่วยให้สามารถพิจารณาคุณสมบัติที่สามารถกำหนดค่าได้ ตัวอย่างเช่นกำหนดค่าวิดเจ็ตเพื่อให้แท็บที่สองปรากฏขึ้นเมื่อโหลดหน้าเว็บ ลบ lt linkgt สำหรับ tabsTheme. css ใน lt headgt และเปลี่ยน element lt scriptgt สุดท้ายเพื่อให้ปรากฏดังนี้: Save this as tabs3.html แท็บต่างๆและแผงเนื้อหาที่เกี่ยวข้องจะแสดงด้วยดัชนีตัวเลขที่เริ่มต้นจากศูนย์เหมือนกับอาร์เรย์ JavaScript มาตรฐาน การระบุแท็บอื่นเพื่อเปิดโดยค่าเริ่มต้นทำได้ง่ายเพียงแค่ให้หมายเลขดัชนีเป็นค่าสำหรับพร็อพเพอร์ตี้ที่เลือก เมื่อโหลดหน้าแท็บที่สองควรเลือก ใดก็ตามเราเปลี่ยนไปชุดรูปแบบเรียบเริ่มต้นเพื่อให้เราสามารถมุ่งเน้นการทำงานคุณสมบัติ พร้อมกับการเปลี่ยนแท็บที่ถูกเลือกเรายังสามารถระบุได้ว่าจะไม่มีการเลือกแท็บใด ๆ โดยการจัดหา null เป็นค่าสำหรับพร็อพเพอร์ตี้นี้ ซึ่งจะทำให้วิดเจ็ตปรากฏขึ้นดังต่อไปนี้ในการโหลดหน้าเว็บ: การปิดใช้งานแท็บคุณอาจต้องการปิดใช้งานแท็บเฉพาะจนกว่าจะมีการปฏิบัติตามเงื่อนไขบางอย่าง ทำได้โดยการจัดการกับคุณสมบัติที่ปิดใช้งานของแท็บ เปลี่ยนออบเจกต์การกำหนดค่าใน tabs3.html เป็น: บันทึกนี้เป็น tabs4.html ในโฟลเดอร์ jqueryui ของคุณ ในตัวอย่างนี้เราจะลบพร็อพเพอร์ตี้ที่เลือกและเพิ่มดัชนีของแท็บที่สองลงในอาร์เรย์ที่ปิดใช้งาน เราสามารถเพิ่มดัชนีของแท็บอื่น ๆ ลงในอาร์เรย์นี้ด้วยคั่นด้วยเครื่องหมายจุลภาคเพื่อปิดใช้งานหลายแท็บตามค่าเริ่มต้น เมื่อโหลดหน้าเว็บในเบราเซอร์แล้วแท็บที่สองมีชื่อคลาส ui-widget ที่ถูกปิดใช้งานและจะเลือกรูปแบบที่ปิดใช้งานจาก ui. theme. css จะไม่ตอบสนองต่อการมีปฏิสัมพันธ์กับเมาส์ในลักษณะใด ๆ ดังที่แสดงในภาพหน้าจอต่อไปนี้ผลการเปลี่ยนเราสามารถเพิ่มเอฟเฟ็กต์การเปลี่ยนแปลงที่น่าสนใจโดยใช้คุณสมบัติ fx เหล่านี้จะปรากฏขึ้นเมื่อแท็บเปิดและปิด คุณสมบัตินี้ถูกกำหนดค่าโดยใช้อ็อบเจ็กต์วัตถุอื่น (หรืออาร์เรย์) ภายในอ็อบเจ็กต์คอนฟิกูเรชันซึ่งจะทำให้เอฟเฟ็กต์หนึ่งหรือมากกว่า ให้ใช้เอฟเฟ็กต์ซีดจางโดยใช้อ็อบเจ็กต์การกำหนดคอนฟิกต่อไปนี้: บันทึกไฟล์นี้เป็น tabs5.html ในโฟลเดอร์ jqueryui ของคุณ วัตถุ fx ที่เราสร้างมีคุณสมบัติสองอย่าง คุณสมบัติแรกคือภาพเคลื่อนไหว เมื่อต้องการใช้การซีดจางเราจะระบุความทึบแสงเนื่องจากนี่คือสิ่งที่ถูกปรับ เราจะระบุความสูงเป็นชื่อคุณสมบัติแทนที่จะใช้ภาพเคลื่อนไหวที่เปิด การเปลี่ยนความทึบเพียงแค่ย้อนกลับการตั้งค่าปัจจุบัน หากปัจจุบันสามารถมองเห็นได้จะทำให้มองไม่เห็นและในทางกลับกัน คุณสมบัติที่สองระยะเวลา ระบุความเร็วที่การเคลื่อนไหวเกิดขึ้น ค่าสำหรับคุณสมบัตินี้ทำงานช้า ปกติ (ค่าดีฟอลต์) หรือเร็ว นอกจากนี้เรายังสามารถจัดหาจำนวนเต็มแทนจำนวนมิลลิวินาทีที่ภาพเคลื่อนไหวควรใช้งานได้ เมื่อเราเรียกใช้ไฟล์เราจะเห็นว่าเนื้อหาของแท็บค่อยๆจางหายไปเมื่อแท็บปิดและจางหายไปเมื่อแท็บใหม่เปิดขึ้น ภาพเคลื่อนไหวทั้งสองเกิดขึ้นระหว่างการทำงานร่วมกันของแท็บเดียว หากต้องการแสดงภาพเคลื่อนไหวเพียงครั้งเดียวเมื่อแท็บปิดตัวอย่างเช่นเราจะต้องวางวัตถุ fx ไว้ในอาร์เรย์ เปลี่ยนออบเจ็กต์การกำหนดค่าใน tabs5.html เพื่อให้ปรากฏดังนี้: ผลปิดของแผงเนื้อหาที่เปิดอยู่ในปัจจุบันมีอยู่ภายในออบเจกต์ในรายการแรกของอาร์เรย์และการเปิดภาพเคลื่อนไหวของแท็บใหม่เป็นอันดับที่สอง โดยระบุ null เป็นรายการที่สองในอาร์เรย์เราปิดใช้งานภาพเคลื่อนไหวที่เปิดเมื่อเลือกแท็บใหม่ นอกจากนี้เรายังสามารถระบุภาพเคลื่อนไหวและความเร็วที่แตกต่างกันสำหรับการเปิดและปิดภาพเคลื่อนไหวได้ด้วยการเพิ่มอ็อบเจ็กต์อื่นเป็นไอเท็มอาร์เรย์ที่สองแทนโมฆะ บันทึกสิ่งนี้เป็น tabs6.html และดูผลลัพธ์ในเบราว์เซอร์ แท็บที่ยุบได้โดยค่าเริ่มต้นเมื่อคลิกแท็บที่ใช้งานอยู่ขณะนี้ไม่มีอะไรเกิดขึ้น แต่เราสามารถเปลี่ยนแปลงได้เพื่อให้แผงเนื้อหาที่เปิดอยู่ในปัจจุบันปิดลงเมื่อเลือกหัวเรื่องของแท็บ เปลี่ยนออบเจกต์การกำหนดค่าใน tabs6.html เพื่อให้ปรากฏดังนี้: บันทึกเวอร์ชันนี้เป็น tabs7.html ตัวเลือกนี้ช่วยให้สามารถปิดแผงข้อมูลเนื้อหาทั้งหมดได้เช่นเดียวกับเมื่อเราระบุ null ให้กับพร็อพเพอร์ตี้ที่เลือกไว้ก่อนหน้านี้ การคลิกที่แท็บปิดการใช้งานจะเป็นการเลือกแท็บและแสดงแผงเนื้อหาที่เกี่ยวข้อง การคลิกแท็บเดิมอีกครั้งจะเป็นการปิดเครื่องมือและลดวิดเจ็ตลงเพื่อให้มีเพียงส่วนหัวและแท็บเท่านั้นที่จะปรากฏขึ้น) ในบทความนี้เราได้กล่าวถึงหัวข้อต่อไปนี้: การใช้งานวิดเจ็ตเริ่มต้นอย่างไร CSS framework กำหนดเป้าหมายเครื่องมือของแท็บวิธีการใช้สไตล์ที่กำหนดเองกับชุดของแท็บการกำหนดค่าแท็บโดยใช้ตัวเลือกของพวกเขาผลการเปลี่ยนแปลงในตัวสำหรับการเปลี่ยนแปลงเนื้อหาในตัวถ้าคุณ อ่านบทความนี้ที่คุณอาจสนใจ: คุณได้อ่านข้อความที่ตัดตอนมา: โพสต์ยอดนิยมใหม่เราเข้าใจว่าเวลาของคุณเป็นสิ่งสำคัญ โดยเฉพาะในบรรดาผู้จัดพิมพ์รายใหญ่เราพยายามที่จะพัฒนาและเผยแพร่ผลิตภัณฑ์การเรียนรู้และข้อมูลที่กว้างที่สุดในแต่ละเทคโนโลยี ผลิตภัณฑ์ Packt ทุกชิ้นมอบเส้นทางการเรียนรู้ที่เฉพาะเจาะจงซึ่งกำหนดโดยกว้าง ๆ ตามประเภทซีรี่ส์ วิธีการแบบมีโครงสร้างช่วยให้คุณสามารถเลือกเส้นทางที่เหมาะสมกับระดับความรู้วัตถุประสงค์ในการเรียนรู้และวัตถุประสงค์ของงานได้ดีที่สุด ในฐานะผู้ใช้รายใหม่คำแนะนำการกวดวิชาทีละขั้นตอนเหล่านี้จะทำให้คุณมีทักษะในการปฏิบัติที่จำเป็นต่อการมีอำนาจและมีประสิทธิภาพ บทแนะนำที่เป็นมิตรและเป็นทางการที่ให้คำแนะนำในทางปฏิบัติโดยใช้ตัวอย่างกิจกรรมและความท้าทาย Essentials การแนะนำอย่างเข้มข้นและรวดเร็วเพื่อแสดงเครื่องมือที่รวดเร็วที่สุดในการนำเครื่องมือไปใช้ในโลกแห่งความเป็นจริง ชุดของสูตรที่มีอยู่ในตัวเองซึ่งผู้ใช้เทคโนโลยีทุกคนจะพบว่ามีประโยชน์สำหรับการสร้างระบบที่มีประสิทธิภาพและเชื่อถือได้มากขึ้น พิมพ์เขียวแนะนำคุณผ่านประเภทโครงการที่พบมากที่สุดซึ่งคุณจะได้พบกับคำแนะนำแบบ end-to-end เกี่ยวกับวิธีการสร้างโซลูชันที่เฉพาะเจาะจงของคุณได้อย่างรวดเร็วและเชื่อถือได้ ใช้ทักษะของคุณในระดับต่อไปด้วยบทเรียนขั้นสูงที่จะทำให้คุณมั่นใจในการใช้เครื่องมือที่มีประสิทธิภาพมากที่สุด เข้าถึงผู้อ่านที่รับหัวข้อหัวข้อเหล่านี้ช่วยให้คุณเป็นเครื่องมือหรือเทคโนโลยีเพื่อให้คุณสามารถเป็นผู้ใช้ที่มีประสิทธิภาพได้
No comments:
Post a Comment