1

基本上我正在使用wordpress，我希望我的共享链接在用户向下滚动时跟随帖子。我可以让它完全按照我想要的方式工作，除非我将 JavaScript 直接附加到 content.php，这意味着当页面显示多个帖子时，JavaScript 会在页面上多次加载。这导致粘性功能仅适用于前几个帖子。我尝试将我的 javascript 移动到标题但没有运气。请有人可以帮助我！下面是我的 content.php 文件，它只适用于前几篇文章。

<script src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.js"></script><script src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.stickem.js"></script>
    <script>
        $(document).ready(function() {
            $('.container').stickem();
        });
    </script><div class="title-wrapper"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><a href="<?php the_permalink(); ?>#comments" title="<?php comments_number( 'No Comments', '1 Comment', '% Comments' ); ?>"><div class="commentnumber"><?php comments_number( '0', '1', '%' ); ?></div></a></div><div class="container"><div class="stickem-container"><div class="thelinks stickem"><div class="sharelinks"><div class="sharepinterest"><?php echo get_simple_local_avatar( $id_or_email, $size, $default, $alt ); ?></div><a href="http://www.facebook.com/sharer/sharer.php?s=100&p[url]=<?php the_permalink(); ?>&p[images][0]=http://www.otlcampaign.org/sites/default/files/journey-for-justice-mlk-memorial.jpg&p[title]=<?php the_title(); ?>&p[summary]=Click+to+enlarge"><div class="sharefacebook"></div></a><a href="http://twitter.com/home?status=<?php the_title(); ?>+<?php the_permalink(); ?>"><div class="sharetwitter"></div></a><div class="sharegoogle"></div></div></div>

    <div class="post-wrapper"><div class="entry-content"> <a href="<?php the_permalink(); ?>"><?php the_content(); ?></a>
    </div></div></div>
    </div><a>
4

2 回答 2

1

尝试将其粘贴在页脚中。

如果这不起作用，请在控制台中查找容器，然后您可以从

$(document).ready

至

$(".container").change
// or whatever the css selector for the container is

这样，stickem() 将在容器更改时触发，也就是加载新帖子。

于 2013-09-09T22:02:19.687 回答
0

您需要将代码移动到 footer.php 文件中，并进行以下更改：

<script src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.stickem.js"></script>

jQuery(document).ready(function($) {
  $('.container').stickem();
});

默认情况下，WordPress 没有启用 jQuery，所以$你必须使用jQuery. 这也意味着您不需要包括：

<script src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.js"></script>
于 2013-09-09T22:07:49.933 回答