We start out with a conditional che

We start out with a conditional check. Remember that pageNum is the number of the next page, so if it is greater than max, there are no more pages to load. In that case, we don’t want to add the button.

If there is new content to load though, then we look for the #content div, and add two things to the end of it. The first is an empty div, which we will later use to insert our posts into.

The second is the button itself (A regular HTML link), wrapped up in a paragraph.

Finally, we look for the .navigation div and remove it. If your theme uses a different class for the navigation buttons, you will need to change that (.navigation is the default that the 2010 theme uses). The same thing applies to the #content div too!

The result of the code above is that our button is now in place, though it won’t do anything yet.

And because we did it all with JavaScript, we know our plugin degrades gracefully (Because if the JavaScript isn’t loaded, no changes will be made to the page).

Now, let’s take care of what happens when the user actually clicks the button.

ผลลัพธ์ (ไทย) 1:

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

มีเนื้อหาใหม่โหลดแม้ว่า ถ้าเราหา #content div และเพิ่มสองสิ่งของมัน ครั้งแรกเป็นการ div เปล่า ที่เราจะใช้ภายหลังการแทรกของเราโพสต์ไป

ที่สองคือ ปุ่มเอง (ปกติ HTML ลิงค์), ห่อในย่อหน้า

ในที่สุด เราค้นหา.navigation div และเอา ถ้าชุดรูปแบบคุณใช้คลาสที่แตกต่างกันสำหรับปุ่มนำทาง คุณจะต้องเปลี่ยนที่ (.navigation คือ การใช้ชุดรูปแบบ 2010) สิ่งเดียวใช้กับ #content div เกินไป!

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

และเนื่อง จากเราไม่กับ JavaScript เรารู้ว่า ปลั๊กอินของเราเสื่อมอย่างสิ้นเชิง (เพราะถ้า JavaScript ไม่โหลด ไม่เปลี่ยนแปลงจะเกิดขึ้นกับหน้า)

ตอนนี้ ลองดูแลเกิดอะไรขึ้นเมื่อผู้ใช้คลิกปุ่มจริง

ผลลัพธ์ (ไทย) 2:

เราเริ่มต้นด้วยการตรวจสอบเงื่อนไข โปรดจำไว้ว่า pageNum คือจำนวนของหน้าถัดไปดังนั้นถ้ามันมีค่ามากกว่าสูงสุดไม่มีหน้ามากขึ้นในการโหลด ในกรณีที่เราไม่ต้องการที่จะเพิ่มปุ่มถ้ามีเนื้อหาใหม่ที่จะโหลด แต่แล้วเรามองหา div เนื้อหา # และเพิ่มสองสิ่งที่สิ้นสุดของมัน แรกคือ div ว่างเปล่าที่เราจะมาใช้ในการแทรกการโพสต์ของเราในการที่สองเป็นปุ่มตัวเอง (ลิงค์ HTML ปกติ) ห่อในวรรคสุดท้ายเรามองหา div นำทาง. และลบออก หากรูปแบบที่คุณใช้ในชั้นเรียนที่แตกต่างกันสำหรับปุ่มนำทางคุณจะต้องเปลี่ยนที่ (นำทาง. เป็นค่าเริ่มต้นที่ 2010 ใช้ชุดรูปแบบ) สิ่งเดียวกันที่นำไปใช้กับเนื้อหา div # เกินไปผลของรหัสดังกล่าวเป็นที่ปุ่มของเราตอนนี้อยู่ในสถานที่แม้ว่ามันจะไม่ทำอะไรเลยและเนื่องจากเราไม่ได้ทั้งหมดที่มี JavaScript เรารู้ปลั๊กอินของเราลดได้อย่างสง่างาม (เพราะถ้าจาวาสคริปต์ไม่โหลดไม่มีการเปลี่ยนแปลงจะเกิดขึ้นกับหน้า) ตอนนี้ขอดูแลสิ่งที่เกิดขึ้นเมื่อผู้ใช้จริงคลิกที่ปุ่ม

ผลลัพธ์ (ไทย) 3:

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

หากมีเนื้อหาใหม่ โหลด นะ เราก็มองหา#เนื้อหา DIV และเพิ่มสิ่งที่สองที่จะจบมัน แรกเป็นและว่างเปล่า ซึ่งเราจะใช้ในภายหลังเพื่อแทรกลงในโพสต์ของเรา

ส่วนที่สอง คือ ปุ่มตัวเอง ( การเชื่อมโยง HTML ปกติ ) , ห่อขึ้นในย่อหน้า .

เราก็มองหา . div นำทางและลบออก ถ้ากระทู้ของคุณใช้คลาสที่แตกต่างกันสำหรับปุ่มนำทาง คุณจะต้องเปลี่ยน ( นำทางเป็นค่าเริ่มต้นที่ 2010 ชุดรูปแบบจะใช้ ) เหมือนกันกับเนื้อหา# div เหมือนกัน !

ผลของโค้ดด้านบนคือปุ่มของเราอยู่ในสถานที่ , แม้ว่ามันจะไม่ทำอะไรเลย

เพราะเราทำมันทั้งหมดด้วย JavaScript เรารู้ของเราปลั๊กอินนี้อย่างสิ้นเชิง ( เพราะถ้า JavaScript ไม่ได้รวย ไม่มีการเปลี่ยนแปลง จะทำให้หน้า

งั้น ) ดูแลสิ่งที่เกิดขึ้นเมื่อผู้ใช้แล้วคลิกปุ่ม