为什么在Wordpress主题开发期间不能加载我的三个jquery

Question

我想做一个基于我的网站已经发展到现在的wordpress主题。我只有一个网页网站，主要使用jquery插件'Ascensor'，我也选择使用引导作为我的网站的框架。作为一个静态页面，这个网站在我的电脑上运行得非常完美。然而，当我想把它转换成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可以成功加载，其他三个不能加载，这就是问题所在。

Answer 1

仍然感到困惑，仍然感谢白领和布兰克空间，达维德康拉德为我的帖子做了一些评论。

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