Question

基本上我正在使用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>

Answer 1

尝试将其粘贴在页脚中。

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

切换

$(document).ready

到

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

这样stickem（）会在容器更改时触发，也就是新帖子加载。

Answer 2

您将要将代码移动到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>

JavaScript不会在内容区域wordpress之外工作

2 个答案: