无限滚动Wordpress导致"阅读更多"错误

时间:2017-01-05 04:13:35

标签: wordpress scroll infinite

我使用Infinite Scroll Wordpress插件,出于某种原因,"继续阅读"对于使用该插件加载的所有帖子,链接未正确显示。这是一个链接:http://fieldtreasuredesigns.com/。一旦你向下滚动足够多的帖子加载,你应该注意到"继续阅读"链接搞砸了。发生的是实际文本,"继续阅读"被推到了外面而且它只是显示为文本而不是链接内部。为什么这样做?

这里是正确格式化的html"继续阅读"链接:

<div class="entry-content">
                                    <p>Ok friends, let&#8217;s face it. It&#8217;s always time for coffee around here. So this week I am doing a giveaway to help you have a solid coffee time as well. It&#8217;s super easy to enter to win. Just repost the photo above on @Instagram with a shout to @fieldtreausuredesignsa and use the hashtag #fieldtreasurecoffeetimegiveaway. If </p>
                <a class="more-link auto" href=http://fieldtreasuredesigns.com/field-treasure-coffee-time-giveaway/>Continue reading &raquo;</a>                                <div class="clr"></div>
            </div><!-- .entry-content -->

以下是&#34;继续阅读&#34;当有人向下滚动到页面末尾并且Infinite Scroll插件加载更多时加载的帖子的链接:

<div class="entry-content">
                                    <p>Yesterday I shared a live periscope&nbsp;of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
                <a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth"></a>Continue reading »                                <div class="clr"></div>
            </div>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

问题:

你在锚标记之外发短信,请检查存档页面以修复它。

固定代码

<div class="entry-content">
                                    <p>Yesterday I shared a live periscope&nbsp;of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
                <a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth">Continue reading » </a><div class="clr"></div>
            </div>