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

ดูภาพประกอบด้านล่างเพื่อทำความเข้าใจแนวคิดให้ดีขึ้น

ครก 1 - XHTML

ขั้นตอนแรกคือการสร้างมาร์กอัป XHTML ปลั๊กอินต้องให้รายการที่ไม่เรียงลำดับ

ด้วยองค์ประกอบโหล
• กลางใหม่. ด้านล่างนี้คือโค้ดจากไฟล์ demo.html ซึ่งคุณจะพบในไฟล์เก็บถาวรที่มีส่วนท้าย:
  • Lorem ipsum dolor นั่งสบาย...
  • Lorem ipsum dolor นั่งสบาย...
  • Lorem ipsum dolor นั่งสบาย...
  • Lorem ipsum dolor นั่งสบาย...

  ปิดกั้น หลักทำหน้าที่เป็นภาชนะสำหรับชิ้นส่วนที่หักด้านข้าง

  และพื้นหลังสีเทาอ่อนจะนิ่งมาก รายการองค์ประกอบที่ไม่เรียงลำดับ

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

  • เนื้อหาใด ๆ ที่ jQuery จะยกเลิกการเลือกโดยอัตโนมัติ (ถ้าคุณต้องการเน้นภาพ - จำไว้ว่าคุณต้องระบุความกว้างและความสูง)

    ครก 2 - CSS

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

    styles.css - ส่วนที่ 1

    #main( /* div คอนเทนเนอร์หลัก */ position:relative; margin:50px auto; width:410px; background:url("img/main_bg.jpg") ทำซ้ำ-x #aadad; border:1px solid #CCCCCC; padding :70px 25px 60px; /* CSS3 หลอดเลือดหัวใจโค้งมน */ -moz-border-radius:12px;-webkit-border-radius:12px; border-radius:12px; ) #holder( /* ลงในหน้า */ width:400px; overflow:hidden; position:relative; background:url("img/dark_bg.jpg") ทำซ้ำ #4e5355; เนื่องจาก Google Chrome ไม่สามารถชนมุมรวมกับเงาที่แทรกได้): */ -moz-box-shadow:0 0 10px #222 แทรก; เงา:0 0 10px #222 สิ่งที่ใส่เข้าไป; ) .swControls( position:absolute; margin-top:10px; )

    Nasampered nadaemo สไตล์บล็อก หลักไปยังรายการที่ไม่เรียงลำดับ (ส่วนที่เหลือได้รับมอบหมาย id = ผู้ถือ).

    เคารพว่าเราชนะเอฟเฟกต์เงาใน CSS3 ด้วยแอตทริบิวต์ สิ่งที่ใส่เข้าไปเพื่อเลียนแบบร่มเงาภายใน แม้ว่าเราจะมีกฎ CSS3 มากกว่า แต่เรายังต้องระบุกฎสำหรับเบราว์เซอร์เดียวกัน: เอ็นจิ้น Mozilla (Firefox) และ Webkit (Safri และ Chrome)

    คุณสามารถให้ความสนใจกับผู้ที่มีเวอร์ชัน webkit แสดงความคิดเห็น นี่เป็นเพราะข้อบกพร่องที่มีเงาแสดงใน Chrome ด้วยการหมุนหนึ่งชั่วโมง ได้รับอำนาจทั้งหมดมีอำนาจ รัศมีชายแดน(เงาถูกสร้างขึ้นในลักษณะนี้ yakby block mav straight cut โดยไม่สนใจการปัดเศษของพวกมัน และต่อจากนี้ไป เอฟเฟกต์ psuyuchi)

    styles.css - ส่วนที่ 2

    A.swShowPage( /* ลิงก์ที่เริ่มต้นสไลด์หน้า */ background-color:#444444; float:left; height:15px; margin:4px 3px; text-indent:-9999px; width:15px; /*border: 1px solid #ccc;*/ /* CSS3 มุมโค้งมน */ -moz-border-radius:7px;-webkit-border-radius:7px; border-radius:7px; ( background-color:#2993dd; /* CSS3 inner shadow */ -moz-box-shadow:0 0 7px #1e435d inset; /*-webkit-box-shadow:0 0 7px #1e435d inset;*/ box-shadow :0 0 7px #1e435d inset; ) #holder li ( background-color:#F4F4F4; list-style:none outside none; margin:10px 10px 0; padding:20px; float:left; inset): */ -moz-box-shadow:0 0 6px #111111; -webkit -box-shadow:0 0 6px #111111; * ใช้มุมที่เป็นรอยกับทั้งตัวยึดและตัวยึด lis */ -moz-border-radius:8px;-webkit-border-radius:8px; border-radius:8px; * /clear:ทั้งคู่; )

    กรอกรหัสชั้นเรียน แจ่มใสซึ่งได้รับชัยชนะจากการลื่นไถลไปรอบๆ องค์ประกอบ

    
    

    Krok 3 - jQuery

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

    script.js - ตอนที่ 1

    (function($)( // การสร้างปลั๊กอิน jQuery ของ sweetPages: $.fn. sweetPages = function(opts)( // หากไม่มีการผ่านตัวเลือกใด ๆ ให้สร้างออบเจกต์ opts ที่ว่างเปล่า if(!opts) opts = (); var resultsPerPage = Opti.()( // การคำนวณความสูงของแต่ละองค์ประกอบ li // และจัดเก็บด้วยวิธีข้อมูล: var el = $(this); el.data("height",el.outerHeight(true)); ) ); // กำหนดจำนวนหน้าทั้งหมด: var pagesNumber = Math.ceil(li.length/resultsPerPage);<2) return this; // Creating the controls div: var swControls = $("

    "); สำหรับ(var i=0;i "); // ต่อท้ายลิงก์ไปยัง swControls div: swControls.append(""+(i+1)+""); ) ul.append(swControls);

    การสร้างปลั๊กอิน jQuery นั้นไม่เรียบร้อยอย่างที่คุณคิด เราต้องสร้างฟังก์ชั่นใหม่เป็นพลัง jQuery.fn(มิฉะนั้น $.fnตามที่ระบุไว้ที่นี่ ตัวบ่งชี้ นี้ฟังก์ชันนี้ชี้ไปที่วัตถุ JQuery ดั้งเดิม

    มาสนับสนุนปาร์ตี้จำนวนมากของฉันในหน้าที่กันเถอะ Math.ceil(). มันปัดเศษผลการลบจากด้านใหญ่เป็นจำนวนเต็มที่ใกล้เคียงที่สุด เพราะมันให้จำนวนด้านที่ถูกต้องแก่เรา

    ทีนี้ ถ้าเรามีด้านจำนวนมาก เราก็สามารถผ่านวงจรได้ สำหรับโดยองค์ประกอบทั้งหมด

  • แยกพวกมันที่ขอบของกลุ่มและจัดกรอบที่บล็อก swPage โดยสร้างด้านข้างตามลำดับนี้ จำไว้ว่าวิธีด่วน ชิ้น()ใน jQuery ฉันสร้างกลุ่มองค์ประกอบใหม่ แทนที่ชุดองค์ประกอบภายนอก
  • ).

    script.js - ตอนที่ 2

    วาร์ maxHeight = 0; var TotalWidth = 0; var swPage = ul.find(".swPage"); swPage.each(function()(// วนซ้ำทุกหน้าที่สร้างขึ้นใหม่: var elem = $(this); var tmpHeight = 0; elem.find("li")).each(function()(tmpHeight+=$( this).data("height");));if(tmpHeight>maxHeight) maxHeight = tmpHeight;totalWidth+=elem.outerWidth(); ));)); swPage.wrapAll("

    "); // การตั้งค่าความสูงของ ul เป็นความสูงของหน้าเธรด: ul.height(maxHeight); var swSlider = ul.find(".swSlider"); swSlider.append("

    ".width(totalWidth); var hyperLinks = ul. find("a.swShowPage"); มีหน้าทั้งหมด) และทำเครื่องหมายว่าใช้งานอยู่: $(this).addClass("active").siblings().removeClass ("ใช้งานอยู่"); swSlider.stop().animate(("margin-left": - (parseInt($(this).text())-1)*ul.width()),"slow"); e.preventDefault(); )); รัน: hyperLinks.eq(0).addClass("active"); // จัดกึ่งกลางตัวควบคุม div: swControls.css(( "left":"50%", "margin-left ":-swControls.width()/ 2 ));คืนค่านี้; )))(jQuery);

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

    .

    เรายังใส่ด้านข้างในบล็อก swSliderซึ่งควรกว้างเพื่อให้ดู "อ้อนวอน" Dali mi ภายใต้การคลิกเพื่อดูข้อความนำทางและย้ายบล็อก swSliderกระบวนการ เคลื่อนไหว. นี่คือสิ่งที่สร้างเอฟเฟกต์ของการตีขึ้นรูป (การเลื่อน) ซึ่งคุณสามารถดูได้ในการสาธิต

    script.js - ตอนที่ 3

    $(document).ready(function()( /* รหัสต่อไปนี้จะถูกดำเนินการเมื่อโหลด DOM แล้ว */ // เรียกปลั๊กอิน jQuery และแยก // #holder UL ในหน้าละ 3 LIs: $("# holder" )..".".detach(); controls.appendTo("#main"); ));

    ในโค้ดที่เหลือ เราเพียงแค่คลิกที่ปลั๊กอินและส่งการปรับแต่ง ต่อหน้า(สปริงขององค์ประกอบที่ด้านข้างของหน้าจอ) ดังนั้นให้ความเคารพต่อวิธีที่ดีที่สุด ถอด, แนะนำ jQuery 1.4 คุณสามารถดูองค์ประกอบจาก DOM (Document Object Model) ได้ แต่ละเว้นพ็อด "การได้ยิน" ทั้งหมด Tse อนุญาตให้เราตำหนิแรง keruyuchi สำหรับขอบเขตขององค์ประกอบ

    มีกลิ่นเหม็นอยู่บนซังโดยละทิ้งการทำงานที่จำเป็น

    ตามกฎแล้วไซต์จะแก้แค้นไม่กี่ด้าน พวกเขาสามารถขยายได้เช่น 3-5 ด้านเช่นบนหน้า Landing Page หรืออาจจะมากขึ้นกว่าเดิม

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

    อีกสักครู่เกี่ยวกับ JavaScript ที่ยอดเยี่ยม Bootstrap 4 ถูกใช้ในแอปพลิเคชัน Vіnช่วยให้คุณแยกข้อมูลทั้งหมดบนหน้าของหน้าออกจากการนำทางระหว่างพวกเขา

    เชื่อมต่อกรอบที่จำเป็น

    ในการทำงานกับ Bootstrap และ JQuery คุณต้องเชื่อมต่อ คุณเพิ่มแท็กความช่วยเหลือลงในเอกสาร HTML ได้ไหม

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

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

    ครก 3. HTML

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

    ธีมกระชับ:

    $(function() ( $(#light-pagination).pagination(( รายการ: 100, itemsOnPage: 10, cssStyle: "light-theme" )); ));

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

    • รายการ- จำนวนองค์ประกอบมีความสำคัญเนื่องจากจะได้รับชัยชนะในการตกแต่งด้านข้าง สำหรับการล็อกดาวน์: 1 .
    • รายการบนหน้า- องค์ประกอบจำนวนหนึ่งที่ปรากฏทางด้านผิวหนัง สำหรับการล็อกดาวน์: 1 .
    • หน้า- ไม่จำเป็น. ถ้ามีการระบุค่า อ็อพชัน items และ itemsOnPage จะถูกละเว้น กำหนดจำนวนด้านสำหรับรายการ
    • แสดงเพจ— สามารถดูตัวเลขด้านข้างได้กี่ตัวในขณะนำทาง ค่าต่ำสุดที่อนุญาต: 3 สำหรับคำแนะนำ: 5 .
    • ขอบ- คุณสามารถดูตัวเลขด้านข้างบนซังและตัวอย่างเช่นการนับ เบื้องหลังความหมายที่ใกล้ชิด: 2 .
    • หน้าปัจจุบัน— Yaku storіnku bude vіdrazuหลังจากการเปิดตัว ตามหลักเหตุผลเพื่อประโยชน์ในความหมาย: 1 .
    • hrefTextPrefix— แถวที่ชนะในแอตทริบิวต์ HREF จะเพิ่มก่อนหมายเลขด้านข้าง สำหรับการล็อกดาวน์: "#หน้าหนังสือ-".
    • hrefTextSuffix— แถวที่ชนะในแอตทริบิวต์ HREF จะถูกแทรกหลังหมายเลขด้านข้าง สำหรับโปรโมชั่น แถวว่าง
    • ข้อความก่อนหน้า- ข้อความปุ่มด้านหน้า สำหรับการล็อกดาวน์: "ก่อนหน้า".
    • ข้อความถัดไป— ปุ่มข้อความที่ด้านถัดไป สำหรับการล็อกดาวน์: "ต่อไป"
    • สไตล์ CSS- แต่งตั้ง สไตล์ CSS. สำหรับการล็อกดาวน์: "ธีมแสง"
    • selectOnClick- ทางเลือกข้างหลังการโจมตี สำหรับการล็อค - upvoted ( จริง);

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

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

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

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

    

    ปลั๊กอิน jQuery นี้คล้ายกับ Remy Elazare ซึ่งใช้การกำหนดหมายเลขด้านข้างและการเลื่อนในแบบของตัวเอง ในอินเทอร์เฟซ koristuvach ที่เรียบง่าย

    jpaginate

    

    jpaginate- jQuery-plugin สำหรับสร้าง side number ซึ่งมีคุณสมบัติพิเศษหนึ่งอย่าง: ตัวเลขด้านข้างแบบเคลื่อนไหว Koristuvach สามารถเลื่อนดูหมายเลขด้านข้างที่มีได้โดยคลิกหรือเพียงแค่วางเคอร์เซอร์ของเมาส์ไว้เหนือลูกศร Posilannya บน pershu that ออกข้างนอกจากนี้ยังมี

    ปาจิเนต

    

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

    

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

    jPList

    

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

    

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

    แบ่งหน้าง่าย

    

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

    เพจเจอร์ง่ายๆ

    

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

    

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

    

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

    

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

    

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

    ตัวแบ่งหน้าอัจฉริยะ

    

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

    

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

    หน้าหวาน

    

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

    
    

    หากคุณมีโภชนาการที่ดี ขอแนะนำให้ติดต่อ otrimannya ล่าสุดของเรา

    1. คุณสามารถบิดการนำทางแบบสัมผัสและเลื่อนเมาส์
    2. คุณสามารถชนะความแตกต่าง ดูด้านของการเปลี่ยนแปลง
    3. สถานะของเพจที่ใช้งานจะถูกบันทึกไว้ใน History API
    4. คุณสามารถเลือกพารามิเตอร์ต่างๆ ได้: ตัวเลข ไอคอน จุด แถบความคืบหน้า และช่องป้อนข้อมูลอยู่ข้างสนาม
    5. คุณสามารถชิกโครีหนึ่งในธีมสำเร็จรูป
    6. คอมเม้นท์ที่ไม่ได้มีเฉพาะข้อความ รูปภาพ หรือใบไม้ก็ได้
    7. ด้วยพารามิเตอร์และวิธีการที่แตกต่างกันจำนวนมาก คุณสามารถสร้างลูกกวาดแทนข้อความที่น่าเบื่อ

    ชุดองค์ประกอบการควบคุม

    การแบ่งหน้าแบบคลาสสิกประกอบด้วยชุดปุ่มต่างๆ เช่น ปุ่ม "หน้าแรก" "โอน" "ถัดไป" ปุ่ม "หน้าสุดท้าย" และหลักสูตร - ด้านข้างของตัวเลข ยังประกอบด้วยบล็อกสถานะหน้า Їїองค์ประกอบєเราจะตัดสินและองค์ประกอบіndivіdualnymiซึ่งสามารถเขียนที่ด้านข้างหรือไม่ก็ได้

    คลิกที่ปุ่มเพื่อเปลี่ยนด้าน - ป้อนด้านข้างของตัวเลขในกล่องแล้วคลิก "ตกลง"

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

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

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

    การควบคุมประเภทนี้เป็นวิธีขั้นต่ำในการไม่มีปุ่มที่มีหมายเลขหน้า

    นี่คือการทบทวนการจัดการด้านข้างที่มีสไตล์และทันสมัย มีพื้นที่น้อยมาก แต่ใช้งานได้ดีกว่า

    นี่ไม่ใช่ประเภทมาตรฐานของการแบ่งหน้า ด้วยคุณสามารถประมาณจำนวนหน้าที่อ่านได้

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

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

    ประเภทของเนื้อหา

    ในขณะที่คุณโมดูลvikoristovuєteซึ่งสามารถทำได้เฉพาะข้อความtіlkitekstovіtekstіข้อความจะถูกแบ่งออกเป็นส่วน ๆ ท่าเทียบเรือ yakscho stinks єในข้อความ หากข้อความไม่อยู่ในย่อหน้า หากต้องการดูข้อความ คุณจะต้องใช้พารามิเตอร์พิเศษในพารามิเตอร์ "splitSymbols" ดังนั้นให้เว้นวรรค ตัวอักษร หรืออื่นๆ

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

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

    รายการจะถูกแยกออกเป็นแท็กอื่นๆ สิ่งที่สำคัญที่สุดคือ List of elements เป็นลูกของ initialization element

    สาธิตเพิ่มเติม

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

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