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

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

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

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

Answer 2

更愿意发表评论但没有声誉，请点击此处。

Running javascript after page is fully rendered

我首先遇到此问题，因为在呈现页面之前会触发脚本。调整窗口大小，放大和缩小以及调出chrome元素检查器都可以解决问题div。

在我调整窗口大小然后重新调整大小之前，JavaScript不起作用

2 个答案: