0

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

脚本在正文中 content.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>
4

2 回答 2

0

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

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

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

于 2013-09-13T14:01:26.130 回答
0

想发表评论但没有声誉，请在此处查看。

页面完全呈现后运行 javascript

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

于 2013-09-13T14:02:49.690 回答