If you’re experiencing random duplicate posts when using AJAX load more for filtering on your WordPress site, there might be several reasons behind it. Let’s analyze your code and address potential issues.
1. Check for Duplicate JavaScript Triggers
Ensure that the JavaScript triggering the AJAX request is not causing unexpected behavior. In your case, the subNew variable tracks the page number, and it seems to be incremented correctly. Confirm that the variable is indeed incrementing as expected with each click.
2. Verify JavaScript Console for Errors
Check your browser’s console (you can access it by right-clicking on the page, selecting ‘Inspect’, and navigating to the ‘Console’ tab) for any JavaScript errors. These errors could provide insights into what might be going wrong during the AJAX request.
3. Review AJAX Callback Function
Examine the PHP function (subs_load_more) handling the AJAX request. It’s crucial to ensure that the additional posts fetched during each AJAX call do not overlap with the ones already displayed.
In your PHP function, you use $paged = $_POST['paged'] to determine the page number. Double-check that this value is being received correctly and corresponds to the expected page.
4. Avoid Overriding Global Variables
Be cautious when manipulating global variables like WP_Query. In your subs_load_more function, you use remove_all_actions('pre_get_posts'), wp_reset_query(), and wp_reset_postdata(). Ensure these actions are not unintentionally affecting the global query elsewhere on your site.
5. Check for Custom Query Manipulations
Review other parts of your theme or plugins for any custom query manipulations that might interfere with the global query. Look for functions that modify the WordPress loop or alter the main query using filters like pre_get_posts.
6. Debug Output
For debugging purposes, add console.log statements in your JavaScript and PHP to output relevant data. This can help trace the flow of execution and identify potential issues.
7. Server-Side Caching
If your site employs server-side caching mechanisms, such as caching plugins or server-level caching, make sure to clear the cache after making changes to your code.
Conclusion
By thoroughly reviewing and testing these aspects, you should be able to identify and resolve the issue of random duplicate posts in your AJAX-loaded content. If the problem persists, consider seeking assistance from the WordPress developer community or forums.