直到我调整窗口大小然后重新调整大小，JavaScript才起作用

Question

我已经在wordpress上实现了JavaScript，并且只有在我将窗口的大小从原始大小重新调整为其他大小然后再恢复为原始大小之后，它才起作用。 我不明白为什么它从一开始就不起作用？

这是标题中的脚本

<script type="text/javascript" src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.js"></script>
<script type="text/javascript" src="/wp-content/themes/dw-minion/assets/css/jstick/jquery.stickem.js"></script>
<script type="text/javascript">
  jQuery(document).ready(function($) {
    $('.container').stickem();
  });
</script>

脚本在body.php内部使用的位置

<div class="container">
  <div class="row stickem-container">
    <div class="content">
      <div class="entry-content"> 
        <a href="<?php the_permalink(); ?>"><?php the_content(); ?></a>
      </div>
    </div>
    <div class="aside stickem">
      <div class="sharepinterest">
        <?php echo get_simple_local_avatar( $id_or_email, $size, $default, $alt ); ?>
      </div>
    </div>
  </div>
</div>

Answer 1

应使用主题主题的functions.php文件中的wp_enqueue_script将脚本排队以便执行。 这是排队脚本和样式的首选方法。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

也许这可能会阻止您的脚本从头开始执行。

Answer 2

希望发表评论但没有声誉，请在这里检查。

页面完全呈现后运行javascript

由于在渲染页面之前触发了脚本，所以我之前遇到了这个问题。 调整窗口大小，放大和缩小，以及调出chrome元素检查器，都会对问题div进行调整。