JavaScript无法在内容区wordpress之外工作

基本上，我使用的是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>

$（文档）.ready（函数（）{
$（'.container'）.stickem（）；
});

尝试将其粘贴在页脚中

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

$(document).ready

到

---

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

尝试将其粘贴到页脚中

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

$(document).ready

到

---

这样，stickem（）将在容器更改时触发，即加载新的帖子。

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

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

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

---

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

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

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

---

您应该将代码添加到footer.php文件中，而不是添加在页眉中时会出现什么/如果出现任何错误？您应该将代码添加到footer.php文件中，而不是添加在页眉中时会出现什么/如果出现任何错误？我在页脚中尝试过，但没有任何效果。我做得对吗？。jQuery（document）.ready（函数（$）{$（'.container'）.stickem（）；}）；看起来不错。显然，jQuery Stick Em只添加了类，因此您必须编写自己的css，您是否记得要这样做？我是否需要更改脚本在content.php中时的css？如果没有，那么css就在那里了。我建议您将它移到header.php文件中，但它仍然可以工作。你能澄清什么不起作用吗？“这会导致粘性功能只对排名前几位的帖子起作用。”还是问题吗？它在一些帖子上有用吗？其他帖子有什么不起作用呢？“使粘滞功能仅适用于前几篇帖子”，这意味着1、2或3篇帖子（每次刷新页面时都会更改）只有粘滞功能，而其余的帖子则没有粘滞功能。当JavaScript位于content.php中时会发生这种情况。在其他任何地方我都尝试过（页眉或页脚），粘贴功能对任何帖子都不起作用。我在页脚中尝试过，但没有效果。我做得对吗？。jQuery（document）.ready（函数（$）{$（'.container'）.stickem（）；}）；看起来不错。显然，jQuery Stick Em只添加了类，因此您必须编写自己的css，您是否记得要这样做？我是否需要更改脚本在content.php中时的css？如果没有，那么css就在那里了。我建议您将它移到header.php文件中，但它仍然可以工作。你能澄清什么不起作用吗？“这会导致粘性功能只对排名前几位的帖子起作用。”还是问题吗？它在一些帖子上有用吗？其他帖子有什么不起作用呢？“使粘滞功能仅适用于前几篇帖子”，这意味着1、2或3篇帖子（每次刷新页面时都会更改）只有粘滞功能，而其余的帖子则没有粘滞功能。当JavaScript位于content.php中时会发生这种情况。我在其他任何地方（页眉或页脚）都尝试过，但粘性函数对于任何帖子都不起作用。