直到我調整窗口大小然后重新調整大小，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進行調整。