JavaScript 不起作用,直到我调整窗口大小然后调整大小


JavaScript doesn't work until I resize the window then resize it back

我已经在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>

脚本在内容中使用的位置.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>
脚本

应该wp_enqueue_script在主题的functions.php文件中排队等待执行。这是将脚本和样式排队的首选方法。

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

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

更愿意发表评论但没有声誉,请查看此处。

在页面完全呈现后运行 JavaScript

我之前遇到过这个问题,因为在呈现页面之前触发了脚本。调整窗口大小,放大和缩小以及调出chrome元素检查器可以重新调整问题div。