สมาร์ทเพจ: การแบ่งหน้าโดยใช้ jQuery การแบ่งหน้าข้อความ - jQuery Auto Pagination หรือการแบ่งหน้าข้อความอัตโนมัติ การเชื่อมต่อกรอบงานที่จำเป็น

ปลั๊กอินการแบ่งหน้า jQuery เป็นสคริปต์ที่สามารถรวมเข้ากับไซต์ของคุณเพื่อแยกหน้าและโพสต์ออกเป็นหลาย ๆ หน้า โดยทั่วไปมีสองวิธีในการสร้างการแบ่งหน้าเว็บไซต์ ไม่ว่าจะผ่านปลั๊กอินที่แยกข้อมูลออกเป็นหลายหน้าหลังจากโหลดเพจแล้ว หรือผ่านสคริปต์ฝั่งเซิร์ฟเวอร์ซึ่งดึงข้อมูลตามจำนวนที่ต้องการจากฐานข้อมูลแล้วโหลดลงบนเพจ การแบ่งหน้าก็ได้ ในทางที่ดีเพิ่มจำนวนการดูหน้าเว็บบนไซต์ของคุณ และยังปรับปรุงอัตราตีกลับและปัจจัยด้านพฤติกรรมอื่น ๆ ที่เครื่องมือค้นหาคำนึงถึงอีกด้วย

หากคุณมีข้อมูลจำนวนมากบนเพจของคุณ ปลั๊กอินสำหรับสร้างการนำทางเพจจะช่วยทำให้เนื้อหาสะดวกยิ่งขึ้นสำหรับผู้เยี่ยมชม ในบทความนี้ เราจะแบ่งปันปลั๊กอินบางตัวที่จะช่วยคุณสร้างการตั้งค่าการแบ่งหน้าที่ต้องการบนเว็บไซต์ของคุณ ปลั๊กอินเหล่านี้ส่วนใหญ่ใช้งานได้ฟรีและสามารถรวมเข้ากับการออกแบบใดก็ได้

นี่เป็นปลั๊กอิน jQuery ที่ยอดเยี่ยมจาก Remy Elazare ที่รวมการแบ่งหน้าและการเลื่อนไปยังส่วนต่อประสานผู้ใช้ที่เรียบง่าย

jPaginate เป็นปลั๊กอินการแบ่งหน้า jQuery ที่มีฟีเจอร์เดียว: หมายเลขหน้าแบบเคลื่อนไหว ผู้ใช้สามารถเลื่อนดูหมายเลขหน้าที่มีอยู่ได้โดยการคลิกหรือเพียงแค่วางเมาส์เหนือลูกศร ลิงค์ไปอันแรกและ หน้าสุดท้ายยังมีอยู่

Pajinate เป็นปลั๊กอิน jQuery ที่เรียบง่ายและยืดหยุ่น ซึ่งช่วยให้คุณสามารถแยกรายการหรือเนื้อหายาว ๆ ออกเป็นหลาย ๆ หน้าได้ นี่ไม่เพียงแต่เป็นทางเลือกง่ายๆ สำหรับการใช้งานฝั่งเซิร์ฟเวอร์เท่านั้น เวลาในการโหลดหน้าเว็บระหว่างการเปลี่ยนหน้ายังเป็นศูนย์อีกด้วย (แน่นอนว่าด้วยขนาดหน้าที่สมเหตุสมผล)

ปลั๊กอิน jQuery ง่ายๆ เพื่อสร้างการแบ่งหน้าด้วยธีม CSS สามธีม

jPList เป็นปลั๊กอิน jQuery ที่ยืดหยุ่นสำหรับการเรียงลำดับ การแบ่งหน้า และการกรองมาร์กอัป HTML ใด ๆ (DIV, UL/LI, ตาราง ฯลฯ) - ปลั๊กอินพรีเมียมจาก CodeCanyon.

ปลั๊กอินนี้สร้างการเรียงลำดับเนื้อหาอย่างง่ายและช่วยให้คุณจัดการเนื้อหาของคุณโดยใช้การแบ่งหน้า! การเรียงลำดับเนื้อหาอย่างง่ายเป็นวิธีง่ายๆ ในการตกแต่งอินเทอร์เฟซของคุณโดยจัดให้มีกลไกการเรียงลำดับที่สะดวก - ปลั๊กอินระดับพรีเมียมคือ CodeCanyon

ปลั๊กอินนี้ช่วยให้คุณดูรายการองค์ประกอบที่มีการแบ่งหน้าได้อย่างง่ายดาย มันใช้งานง่ายมากและมีน้ำหนักเบามาก ดังนั้นจึงมีประโยชน์สำหรับใช้ในโครงการของคุณเอง

SimplePager ช่วยให้คุณสร้างการแบ่งหน้าโดยใช้ความพยายามและการกำหนดค่าน้อยที่สุด ปลั๊กอินนี้สามารถแบ่งหน้า div ย่อหน้า รายการ และเนื้อหาอื่นๆ ได้เกือบทั้งหมด

ปลั๊กอิน jQuery ที่ให้ วิธีการใหม่การแบ่งหน้าสำหรับเว็บไซต์หรือแอปพลิเคชันของคุณ แทนที่จะแสดงรายการหมายเลขหน้าเหมือนในวิธีดั้งเดิม jqPagination ใช้เอาต์พุตแบบโต้ตอบของหมายเลขหน้า เช่น "1 จาก 5 หน้า" เมื่อเลือก ปลั๊กอินจะอนุญาตให้ผู้ใช้ป้อนหมายเลขหน้าที่ต้องการ ลิงก์ "หน้าแรก" "ก่อนหน้า" "ถัดไป" และ "สุดท้าย" จะเปิดใช้งานตามค่าเริ่มต้น แต่สามารถปิดใช้งานได้

หากคุณมีรายการองค์ประกอบจำนวนมาก (เช่น ผลการค้นหาหรือข่าวสาร บทความ) คุณสามารถจัดกลุ่มองค์ประกอบเหล่านั้นออกเป็นหน้าต่างๆ และเพิ่มองค์ประกอบการนำทางโดยใช้ปลั๊กอินนี้

ปลั๊กอิน jQuery อื่นสำหรับการสร้างการนำทางหน้า สวยงาม ใช้งานง่าย มาพร้อมกับตัวเลื่อนหน้า และคุณสามารถเพิ่มหน้าได้ไม่จำกัดจำนวน

ปลั๊กอิน jQuery สำหรับการสร้างการแบ่งหน้า (สำหรับเนื้อหาที่แตกต่างกัน) ซึ่งไม่ได้ขึ้นอยู่กับจำนวนองค์ประกอบบนหน้า แต่ขึ้นอยู่กับความสูงของพื้นที่เนื้อหา

Smart Paginator เป็นปลั๊กอินการแบ่งหน้า jQuery ที่มีคุณสมบัติหลากหลายซึ่งทำให้การเพิ่มการแบ่งหน้าเป็นเรื่องง่าย และยังปรับแต่งได้สูงอีกด้วย Smart Paginator ยังสามารถกรองข้อมูลในฝั่งไคลเอ็นต์ได้โดยอัตโนมัติ

ตามชื่อที่แนะนำ มันใช้ Ajax เพื่อสร้างการนำทางหน้าบนเว็บไซต์ของคุณ มันจะโหลดเพียงบางส่วนเท่านั้น ไม่ใช่ทั้งหน้า ซึ่งจะช่วยเร่งเวลาการโหลดของเว็บไซต์ให้เร็วขึ้น

Sweet Pages เป็นปลั๊กอิน jQuery ที่ช่วยให้คุณแปลงรายการองค์ประกอบที่ไม่เรียงลำดับง่ายๆ ให้เป็นชุดเพจที่สะดวกสบายพร้อมการนำทาง สามารถใช้สำหรับการแสดงความคิดเห็น สไลด์โชว์ หรือเนื้อหาที่มีโครงสร้างประเภทอื่นๆ

หากคุณมีคำถามใด ๆ เราขอแนะนำให้ใช้ของเรา

การแบ่งหน้าหรือ popprost - การนำทางหน้าเป็นองค์ประกอบสำคัญของเว็บไซต์ที่สมบูรณ์ไม่มากก็น้อย ส่วนใหญ่แล้วระบบการจัดการเนื้อหาต่างๆ จะมีเครื่องมือในตัวสำหรับการนำการแบ่งหน้าไปใช้ นอกจากนี้ยังมีปลั๊กอินแยกต่างหากจำนวนมากที่เขียนขึ้นสำหรับงานที่มีประโยชน์นี้ โดยส่วนใหญ่แล้วจะสร้างขึ้นโดยใช้นามสกุล . ปลั๊กอินทั้งหมดนี้แตกต่างกันทั้งในรูปแบบการดำเนินการและใน ฟังก์ชั่นแต่สิ่งสำคัญคือพวกมันเป็นทางเลือกที่ยอดเยี่ยมสำหรับการใช้งานฝั่งเซิร์ฟเวอร์ในการแบ่งเนื้อหาจำนวนมากของไซต์ออกเป็นหน้าต่างๆ

ในความคิดของฉันฉันเสนอให้พิจารณาหนึ่งในวิธีที่ง่ายที่สุด ปลั๊กอิน jQueryเพื่อสร้างการนำทางการแบ่งหน้าที่ช่วยให้คุณจัดระเบียบ น่าสนใจ และรวดเร็ว

น้ำหนักเบามากทุกประการทั้งน้ำหนักและทุกอย่างที่เกี่ยวข้องกับการเชื่อมต่อ การตั้งค่า สร้างเพจได้รวดเร็ว มาพร้อมดีไซน์ 3 สไตล์ และชาร์จพร้อมรองรับ

อย่างไรก็ตาม หากคุณไม่พอใจกับสไตล์มาตรฐาน คุณสามารถใช้ได้ ซึ่งจะแนบกับ .css ของปลั๊กอินได้ไม่ยาก

ตอนนี้เรามาดูวิธีเชื่อมต่อปลั๊กอินและไฟล์สไตล์กับเอกสารอย่างถูกต้องมากขึ้นนั่นคือนำไปใช้โดยตรงบนหน้าของไซต์และไปที่การตั้งค่าปลั๊กอินที่มีอยู่

ขั้นแรกคุณต้องมีปลั๊กอินซึ่งก็คือแหล่งที่มาซึ่งมี jquery javascript และไฟล์สไตล์ css ได้รับการบรรจุอย่างระมัดระวัง

มาดูวิธีใช้ปลั๊กอินทีละขั้นตอน:

ในเนื้อหาของหน้า ในส่วน ... คุณต้องเชื่อมต่อเฟรมเวิร์ก jQuery โดยควรเป็นเวอร์ชัน 1.7.2 หรือใหม่กว่า ซึ่งสามารถทำได้โดยใช้พื้นที่เก็บข้อมูลพิเศษของ Google:

หากอยู่บนเว็บไซต์ของคุณ jQuery อยู่แล้วเปิดอยู่และทำงานด้วยความเร็วสูงสุด คุณสามารถข้ามการเคลื่อนไหวทั้งหมดที่อธิบายไว้ข้างต้นได้อย่างปลอดภัย สิ่งสำคัญคือต้องแน่ใจว่าเวอร์ชัน jQuery ไม่หนาแน่นเกินไป ใน WordPress ไม่เป็นไร
ต่อไปเราจะเชื่อมต่อของเรา ม้านั่งทำงาน- ปลั๊กอิน jquery.simplePagination.js:

คุณไม่ต้องกังวลเกี่ยวกับมัน แต่เพียงเลือกสไตล์ที่คุณต้องการ สว่าง เข้ม หรือกะทัดรัด แล้ววางชุดกฎเกณฑ์ลงในไฟล์ styles.css ของเทมเพลตของคุณ ลงทะเบียนของคุณ สไตล์ของตัวเองหรือใช้ Bootstrap ซึ่งเป็นทางเลือกที่ดียิ่งขึ้นในแง่ของความคิดริเริ่มและการพัฒนาทักษะการสร้างเว็บไซต์

หากต้องการแสดงแผงการนำทางหน้าบนหน้าไซต์ที่คุณวางแผนจะวางไว้ที่ด้านล่างของเนื้อหาหลักคุณควรเขียนสิ่งต่อไปนี้:
สำหรับพื้นหลังสีอ่อน:

ธีมขนาดกะทัดรัด:

$(function() ( $(#light-pagination).pagination(( items: 100, itemsOnPage: 10, cssStyle: "light-theme" )); ));

ในตัวอย่าง ฉันใช้การกำหนดค่าเริ่มต้นสำหรับการแบ่งหน้าของธีมสีอ่อน #light-pagination คุณสามารถเปลี่ยนตัวเลือกเป็นแบบอื่นได้ สำหรับแบบกะทัดรัดคือ #compact-pagination หรือสำหรับรูปแบบสีเข้ม #dark-pagination ในกรณีนี้ อย่าลืมเปลี่ยนคลาสในฟังก์ชัน cssStyle
ตามที่ฉันได้เขียนไว้ข้างต้น ปลั๊กอินมีความยืดหยุ่นมากในการตั้งค่า โดยมีตัวเลือกต่อไปนี้สำหรับการเปลี่ยนแปลง:

• รายการ — จำนวนรายการทั้งหมดที่จะใช้ในการคำนวณหน้า ค่าเริ่มต้น: 1.
• itemsOnPage — จำนวนรายการที่จะแสดงในแต่ละหน้า ค่าเริ่มต้น: 1.
• หน้า — ไม่บังคับ หากมีการระบุค่า รายการและตัวเลือก itemOnPage จะถูกละเว้น ตั้งค่าจำนวนหน้าในรายการ
• displaysPages — จำนวนหน้าที่ควรมองเห็นได้ระหว่างการนำทาง ค่าต่ำสุดที่อนุญาต: 3, ค่าเริ่มต้น: 5
• ขอบ — จำนวนหน้าที่มองเห็นได้ที่จุดเริ่มต้นและจุดสิ้นสุดของการกำหนดหมายเลข ค่าเริ่มต้น: 2
• currentPage — เพจใดจะถูกเลือกทันทีหลังจากเปิดตัว ตรรกะ ค่าเริ่มต้น: 1
• hrefTextPrefix - สตริงที่ใช้ในแอตทริบิวต์ HREF จะถูกเพิ่มก่อนหมายเลขหน้า ค่าเริ่มต้น: "#page- "
• hrefTextSuffix — สตริงที่ใช้ในแอตทริบิวต์ HREF จะถูกแทรกหลังหมายเลขหน้า ค่าเริ่มต้นคือสตริงว่าง
• prevText — ข้อความของปุ่มไปยังหน้าก่อนหน้า ค่าเริ่มต้น: "ก่อนหน้า"
• nextText — ข้อความของปุ่มไปยังหน้าถัดไป ค่าเริ่มต้น: "ถัดไป"
• cssStyle — กำหนด สไตล์ CSS- ค่าเริ่มต้น: "ธีมแสง"
• selectOnClick - การเลือกหน้าหลังจากคลิกโดยค่าเริ่มต้นจะเปิดใช้งาน (จริง) ฉันยังไม่เข้าใจว่าเหตุใดจึงควรปิดใช้งาน แต่มีตัวเลือกดังกล่าวค่า: "false"

เราดูการตั้งค่าพื้นฐานที่สุด เกี่ยวกับ ฟังก์ชั่นเพิ่มเติมและ วิธีการที่มีอยู่คุณสามารถดูวิธีใช้ปลั๊กอินนี้ได้โดยศึกษาเอกสารโดยตรงจากหน้าของนักพัฒนา

สิ่งที่ฉันทำได้คือขอให้คุณโชคดีและประสบความสำเร็จในการทำงานในโครงการใหม่ของคุณ

Classic of Pagination ประกอบด้วยชุดปุ่มต่างๆ เช่น ปุ่ม "หน้าแรก" "ก่อนหน้า" "ถัดไป" "หน้าสุดท้าย" และแน่นอน - หมายเลขหน้า ยังประกอบด้วยการบล็อกสถานะเพจ แต่ละรายการเป็นองค์ประกอบที่แยกจากกันและเป็นอิสระ ซึ่งสามารถแสดงได้ทุกที่บนหน้าหรือไม่แสดงเลย

หากต้องการข้ามไปยังหน้าที่ต้องการอย่างรวดเร็ว - ป้อนหมายเลขหน้าลงในช่องแล้วคลิก "ตกลง"

ชุดนี้เป็นการนำทางที่สมบูรณ์แบบซึ่งเหมาะสำหรับหน้าจำนวนน้อย เมื่อเพียงพอเพียงแค่พลิกหน้าไปมา

นี่เป็นมุมมองการควบคุมที่เรียบง่ายที่สุด คล้ายกับที่คุณเห็นในแถบเลื่อน

การควบคุมนี้มีประโยชน์หากคุณต้องการเข้าถึงทุกหน้าอย่างรวดเร็ว การควบคุมชนิดนี้เหมาะสำหรับข้อความขนาดใหญ่ และสำหรับโพสต์ขนาดเล็ก

การควบคุมประเภทนี้จะถูกย่อให้เล็กสุดเนื่องจากไม่มีปุ่มที่มีหมายเลขหน้า

นี่คือรูปลักษณ์การจัดการเพจที่มีสไตล์และทันสมัย ใช้พื้นที่น้อยมาก แต่มีประโยชน์ใช้สอยมาก

นี่ไม่ใช่ประเภทการแบ่งหน้ามาตรฐาน โดยสามารถประมาณเปอร์เซ็นต์ของหน้าที่อ่านได้

องค์ประกอบควบคุมที่ไม่จำเป็นต้องลงทะเบียนในปลั๊กอิน คุณสามารถเพิ่มการควบคุมใดๆ ลงในตำแหน่งของโค้ดใดๆ ได้ด้วยตนเอง แต่จำเป็นต้องระบุชื่อเฉพาะของบล็อกการแบ่งหน้าในแอตทริบิวต์ data-href และตัวระบุการเปลี่ยนแปลง ในฐานะปุ่มควบคุม คุณสามารถใช้องค์ประกอบ html ใดก็ได้: a, ปุ่ม, span, div, img และอื่นๆ

ชุดควบคุมนี้รวมรูปลักษณ์คลาสสิกและบล็อกสำหรับการเปลี่ยน bystoro ไปยังหน้าเฉพาะ

หากคุณใช้ปลั๊กอินเพื่อบล็อกที่มีเฉพาะโหนดข้อความ ข้อความจะถูกแบ่งออกเป็นส่วนต่างๆ ด้วยจุดหากอยู่ในข้อความ หากข้อความไม่ใช่จุด สำหรับการแยกข้อความ คุณต้องระบุอักขระในพารามิเตอร์ "splitSymbols" เช่น ช่องว่าง ตัวอักษร หรืออื่นๆ

หากคุณใช้ปลั๊กอินเพื่อบล็อกที่มีแท็กย่อหน้าหรือแท็ก html อื่นๆ ที่มีข้อความ ข้อความจะถูกแบ่งออกเป็นส่วนต่างๆ ด้วยแท็ก html นี้

ปลั๊กอินแบ่งหน้าเว็บเป็นแท็กสำหรับจัดรูปแบบข้อความและแท็กรูปภาพได้ดีพอๆ กัน จับตาดูพฤติกรรมความสูงของรูปภาพโดยใช้สไตล์ CSS

รายการจะถูกแยกเป็นแท็กอื่นๆ สิ่งที่สำคัญที่สุดคือรายการองค์ประกอบนั้นเป็นลูกขององค์ประกอบการเริ่มต้น

ในหน้าเดียวอาจมีหลายช่วงตึกพร้อมการนำทางหน้า และแต่ละบล็อกนี้สามารถมีการตั้งค่าของคุณได้

พารามิเตอร์นี้ระบุจำนวนของเพจที่จะแสดงหลังจากไซต์ดาวน์โหลดครั้งแรก

เว็บไซต์มักประกอบด้วยหลายหน้า สามารถมีได้ 3-5 หน้า เช่น บนหน้า Landing Page หรืออาจจะมากกว่านั้นก็ได้

เว็บไซต์ที่ดีทุกแห่งควรมีการนำทางที่จะช่วยให้ผู้ใช้สามารถนำทางและย้ายไปมาระหว่างหน้าต่างๆ ของเว็บไซต์ได้อย่างถูกต้อง คุณสามารถสร้างการแบ่งหน้าดังกล่าวได้โดยใช้ JavaScript ในบทความนี้เราจะพูดถึงวิธีสร้างการนำทางดังกล่าว

อีกประการหนึ่ง นอกเหนือจาก JavaScript ทั่วไป ตัวอย่างยังใช้ Bootstrap 4 ส่วนประกอบของมัน การแบ่งหน้าบูตสแตรปรวมกับไลบรารี JQuery นั่นคือปลั๊กอิน Buzina Pagination พิเศษ ช่วยให้คุณสามารถแบ่งข้อมูลทั้งหมดออกเป็นหลาย ๆ หน้าโดยมีการนำทางระหว่างกัน

หากต้องการทำงานกับ Bootstrap และ JQuery คุณต้องเชื่อมต่อเข้าด้วยกัน ซึ่งสามารถทำได้ในของคุณ เอกสาร HTMLโดยใช้แท็ก สร้างแท็กที่จับคู่ 3 แท็ก ;. เราจะเชื่อมต่อ Ajax.js, bootstrap 4 และปลั๊กอิน JQuery เอง

หากต้องการเชื่อมต่อบูตสแตรปอย่างถูกต้อง คุณต้องใช้แท็กด้วย โดยในแอตทริบิวต์ href เราจะระบุลิงก์ไปยังเฟรมเวิร์กของเรา โดยจะมีลิงก์ไปยังสไตล์ที่ปลั๊กอินมีอยู่

ดังนั้นเราจึงเชื่อมต่อทุกสิ่งที่จำเป็นสำหรับการทำงาน สิ่งที่เหลืออยู่คือการเชื่อมต่อปลั๊กอินเพื่อสร้างการแบ่งหน้า - Buzina Pagination ในการสร้างมัน เรายังสร้างและแท็กด้วย ในแอตทริบิวต์ "href" และ "src" เราป้อนลิงก์เดียวกัน

ปลั๊กอิน Buzina Pagination และ Bootstrap นอกเหนือจากสคริปต์แล้ว ยังมีสไตล์ที่จำเป็นอีกด้วย เราเชื่อมต่อพวกเขาผ่านแท็ก ;. โปรดจำไว้ว่า แม้ว่าคุณจะมีความเข้าใจ CSS เป็นอย่างดี แต่เราไม่แนะนำให้คุณเข้าไปเปลี่ยนแปลงการตั้งค่าปลั๊กอิน เพื่อความสนุกสนาน คุณสามารถเปิดพวกมันในโปรแกรมแก้ไขโค้ดและดูพวกมันได้ แต่อย่าลืมบันทึกโค้ดเวอร์ชันดั้งเดิมก่อน

เอกสาร HTML ของคุณควรมีรหัสต่อไปนี้:

ในบทความทั้งหมดของเรา เราได้พิจารณาถึงการสร้าง 1 หน้า HTMLในตัวอย่างเดียวกัน เราจะสร้างหลายรายการพร้อมกันผ่านเอกสารเดียว ในเวลาเดียวกัน เราจะไม่วางไว้บนลิงก์อื่น แต่จะสามารถเข้าถึงได้โดยการคลิกที่ปุ่ม เราจะสร้างบล็อกแยกต่างหากสำหรับแต่ละหน้า

ในตัวอย่างของเรา เรากำลังสร้างหน้าทั้งหมด 5 หน้า สร้าง div แยกกันสำหรับแต่ละรายการ คุณสามารถเขียนข้อความภายในเพื่อแสดงภาพได้ หากต้องการคุณสามารถสร้าง 10, 20 และ 30 หน้าได้

คุณไม่จำเป็นต้องมีคลาสหรือตัวระบุเพื่อใช้งาน สิ่งสำคัญคือหน้าทั้งหมดเหล่านี้อยู่ภายในบล็อกหลักพร้อมกับคลาสตัวอย่าง

คุณต้องเชื่อมต่อหลายฟังก์ชัน:

เราสร้างเพจเสร็จแล้ว สุดท้ายเราได้อะไร? เรามีระบบนำทางที่มีสไตล์ที่เหมาะกับเว็บไซต์ของคุณอย่างสมบูรณ์แบบ เพิ่มองค์ประกอบบางอย่างและคุณสามารถปรับให้เข้ากับหน้าเว็บที่คุณมีได้

คุณสามารถเปลี่ยนสคริปต์ได้ตามที่คุณต้องการ แต่เฉพาะในกรณีที่คุณเชี่ยวชาญ JavaScript เป็นอย่างดีเท่านั้น สิ่งสำคัญคือไม่ต้องเปลี่ยนค่าของสคริปต์และสไตล์ปลั๊กอิน

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

นอกจากนี้ เนื่องจากมีการใช้สคริปต์จำนวนน้อย การเพิ่มประสิทธิภาพจึงไม่ลดลงมากนัก

Reg.ru: โดเมนและโฮสติ้ง

นายทะเบียนและผู้ให้บริการโฮสติ้งที่ใหญ่ที่สุดในรัสเซีย

มีชื่อโดเมนมากกว่า 2 ล้านชื่อที่ให้บริการ

โปรโมชั่น เมลโดเมน โซลูชั่นทางธุรกิจ

ลูกค้ามากกว่า 700,000 รายทั่วโลกได้ตัดสินใจเลือกแล้ว

*เลื่อนเมาส์ไปเหนือเพื่อหยุดการเลื่อนชั่วคราว

กลับไปข้างหน้า

การแบ่งเนื้อหาออกเป็นหน้าๆ (การแบ่งหน้า) เป็นวิธีการแก้ปัญหาทั่วไปเมื่อทำงานกับข้อมูลจำนวนมาก โดยปกติจะดำเนินการโดยส่งหมายเลขหน้าที่ต้องการไปยังโปรเซสเซอร์เพิ่มเติม ซึ่งจะดึงข้อมูลจากฐานข้อมูลและส่งคืนในรูปแบบที่กำหนด กระบวนการที่ใช้แรงงานเข้มข้น แต่เป็นความชั่วร้ายที่จำเป็น หรือไม่?

เมื่อต้องทำงานกับข้อมูลจำนวนน้อย จะสะดวกหรือไม่หากเตรียมเนื้อหาไว้ล่วงหน้า จัดระเบียบให้ชัดเจน และเข้าถึงได้ง่าย

ตอนนี้เรากำลังสร้างโซลูชัน jQuery ที่จะช่วยให้เราแปลงรายการองค์ประกอบที่ไม่เรียงลำดับตามปกติให้เป็นชุดหน้าเว็บที่เหมาะกับเครื่องมือค้นหาพร้อมการนำทางที่ง่ายดาย ปลั๊กอินนี้สามารถใช้สำหรับความคิดเห็น สไลด์โชว์ หรือเนื้อหาที่มีโครงสร้างประเภทอื่นๆ

แนวคิด

เมื่อเรียกปลั๊กอินจะแยกองค์ประกอบ