Integrating with plugins that parse the content?

What exactly is not working?

Are shortcodes rendering as plain text? Are your JavaScript components not working?

When you load content with Ajax you might be required to trigger certain functions after a successful ajax request.

In the past, other users have found the following code helpful if shortcodes are not rendering after an ajax call.

<?php
$postid = get_the_ID();
$content = do_shortcode(get_post_field( 'post_content', $postid ));
$content = apply_filters('the_content', $content);
echo $content;
?>

Here you are the screenshot displaying two posts without and with Ajax Load More (you can zoom the picture to see better). As you can see, in the first post there are two Latex expressions – one displaying the word ‘Latex’ and the 2nd one displaying the formula. When displayed with Ajax Load More:

– the post title is missing
– only one Latex expression is rendered (the word ‘Latex’ is missing, the code is $latex \LaTeX&s=2&fg=0000ff$)
– the text is below instead of before the formula
– post date is not formatted
– in the 2nd post the post title is there but not formatted
– in the 2nd post the code snippets are not highlighted, although the highlighter code was partially processed (because there are rectangles around the first two snippets)

Here is another screenshot with the same post without and with Ajax Load More. Besides problems described above, you can see the smiley which should be at the end is displayed over the post title.

I have tried with:

<li<?php if (! has_post_thumbnail() ) { echo ' class="no-img"'; } ?>>
   <?php if ( has_post_thumbnail() ) { the_post_thumbnail(array(150,150));
   }?>
   <h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
   <p class="entry-meta">
       <?php the_time("F d, Y"); ?>
   </p>
   <?php
   $postid = get_the_ID();
   $content = do_shortcode(get_post_field( 'post_content', $postid ));
   $content = apply_filters('the_content', $content);
   echo $content;
   ?>
</li>

but there was no change in the output.

Sorry, im just not sure what the issues are.
Can you send me a link so I can take a look at a working example?

In the screenshots I sent you can in the left side see how the posts look like when they are displayed correctly (when Ajax Load More is disabled) and in the right side you can see the same posts displayed wrongly (when Ajax Load More is enabled).

In the first screenshot you can see (in the left side) the syntax highlighting shortcode has been correctly processed so C source code, bash script and JavaScript code is highlighted by the syntax highlighter – while in the right side you can see C source code, bash script and JavaScript code is not highlighted. In other words, after enabling Ajax Load More the syntax highlighting is lost (as is lost the formatting of the posts’ headings – you can see that in the left the post headings are biger and bold and in the right the formatting is not the same, it looks like CSS for headings wasn’t processed).

I (still) don’t have a public website but rather a test install on the server inside of my local home network. Since the server is Raspberry Pi and my upload speed is only 80 kB/s I cannot post the URL here on the forum, however I can set up dynamic DNS and open port 80 so you can temporarily (e.g. in the next 24 hours) access the server. Can you please tell me the email address where I can send you the URL? And please tell if you want to see:

a) How the pages should look like (when Ajax Load More is disabled)

or

b) You want to see the pages when they are displayed incorrectly (when Ajax Load More is enabled).

I’ve set up everything so I can send you the URL. Can you please write the email addres where I can send you the link?

You can use the contact form here – https://connekthq.com/plugins/ajax-load-more/support/

I’ve mailed you a link and the following description:

When you open the link you will arrive on the front static page. Then please:

1. Navigate to the BLOG menu entry so you will see the correct look of the posts – please scroll down to the page 2 and notice how the bodies of posts Latex test, Test Syntax Highlighter-a and ?? look like (smiley is the heading of one of posts).

2. Navigate to the Ajax Load More menu entry and scroll down to the same posts as in #1 and compare. You will notice that when the posts are displayed with Ajax Load More, then:

#01
The heading Latex test is missing and the first Latex expression isn’t displayed.

#02
No share/like buttons. I tried a few social sharing plugins but share/buttons are not shown when the posts are displayed by Ajax Load More so that is a very serious issue.

#03
C source code, bash script and JavaScript are not anymore highlighted by the syntax highligting plugin(s) and the last source code (js/html/css example) is displayed as plain text

#04
Emoticon which should be under the text ’37:23′ is displayed ontop of the post’s heading (the heading is the text ‘??‘). So the heading is ‘:-)’ and then there is the text ‘37:23‘ and after that there is emoticon. But if the same post is displayer with Ajax Load More then, as you can see, the emoticon is displayed covering the post’s heading (they are displayed in the same place) and only after that ‘heading + part of the body’ combination – there is the text ’37:23′.

So at the moment I cannot use Ajax Load More plugin at all because the posts are displayed incorrectly and/or with missing headings, and the social sharing icons are missing regardless of which social sharin plugin I use.

Please note I have slow upload speed (10 Mb/s download, 80 kB/s upload) so each page takes a few seconds to show. I will hold this dynamic DNS link working and port 80 opened at least the next 24 hours so you are able to check URL. If you couldn’t open the page please try a few minutes later (maybe I am restarting the PC controlling the network at the moment).

Regards,