0

我想根据我现在已经开发的网站做一个 wordpress 主题。我只有一个页面网站，主要使用jquery插件'Ascensor'，我也选择使用boostrap作为我网站的框架。该网站作为静态页面在我的计算机上运行得非常完美。但是，当我想将其转换为 wordpress 主题时，我遇到了一个大问题。

html、css可以在wordpress中成功加载，但是我的三个jquery无法加载。（我有四个jquery，只有“bootstrap.js”可以加载成功）。

这是我的function.js代码：

<?php 
function my_scripts_method() {

wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/css/bootstrap/js/bootstrap.min.js', array( 'jquery' ) );
wp_enqueue_script( 'ascensor', get_template_directory_uri() . '/js/jquery.ascensor.js', array( 'jquery' ) );
wp_enqueue_script( 'backstretch', get_template_directory_uri() . '/js/jquery.backstretch.min.js', array( 'jquery' ) );
wp_enqueue_script( 'flexslider', get_template_directory_uri() . '/js/jquery.flexslider.js', array( 'jquery' ) );

}
add_action( 'wp_enqueue_scripts', 'my_scripts_method' );
?>

我已经把这些代码放在我的footer.php中：

<?php wp_footer(); ?>               

<script type="text/javascript">
  $(function(){
    SyntaxHighlighter.all();
  });
  $(window).load(function(){
    $('#carousel').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      itemWidth: 210,
      itemMargin: 5,
      asNavFor: '#slider'
    });

    $('#slider').flexslider({
      animation: "slide",
      controlNav: false,
      animationLoop: false,
      slideshow: false,
      sync: "#carousel",
      start: function(slider){
        $('#loading').removeClass('loading');
      }
    });
  });
</script>
<script>
 $("#first").backstretch("<?php bloginfo('template_directory'); ?>img/bg2.png",{fade:1500});
</script>
<script>
    $('#ascensorBuilding').ascensor({ChildType: 'section',Direction:"chocolate", AscensorMap: "1|2 & 2|2 & 3|2 & 4|2 & 2|1 & 3|1",Overflow:"hidden", QueuedDirection: "x",Queued: true,Time: 500,});
</script>

bootstrap.min.js可以加载成功，其他三个不能，就是这个问题。

4

1 回答 1

0

仍然感到困惑，仍然感谢whiteletters和blankspaces，并且davidkonrad为我的帖子做了一些评论。

最后我选择在 header.php 中使用 /js/... 来解决这个问题，但仍然不知道我的 function.php 出了什么问题。

于 2013-05-26T00:24:42.117 回答