应用头js，但脚本不执行

Question

我只是使用headjs为我的网站，但问题是文件加载，但他们不执行。

这是我在

<script type="text/javascript" src="js/head.js"></script> 
<script> 
head.js(
"js/jquery.js", 
"js/fadetext.js", 
"//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js", 
"css/slider/responsiveslides.min.js" 
); 
</script> 

我的幻灯片不工作我使用jQuery的/ 1.8.3/jquery.min.js休息的所有脚本我工作的代码???我也应该用内联JS headjs像DIS

<script> 
// You can also use "$(window).load(function() {" 
$(function() { 

    // Slideshow 1 
    $("#slider1").responsiveSlides({ 
    auto: true, 
    pager: true, 
    nav: true, 
    speed: 600, 
    maxwidth: 1920, 
    namespace: "centered-btns" 
    }); 

    // Slideshow 2 
    $("#slider2").responsiveSlides({ 
    auto: true, 
    pager: true, 
    nav: true, 
    speed: 600, 
    maxwidth: 1920, 
    namespace: "transparent-btns" 
    }); 

    // Slideshow 3 
    $("#slider3").responsiveSlides({ 
    auto: true, 
    pager: false, 
    nav: true, 
    speed: 600, 
    maxwidth: 1920, 
    namespace: "large-btns" 
    }); 

}); 
</script> 

Answer 1

你应该调用回调后的资源完成加载

<script type="text/javascript" src="js/head.js"></script> 
<script> 
    function initSliders() { 
      // Slideshow 1 
      $("#slider1").responsiveSlides({ 
      auto: true, 
      pager: true, 
      nav: true, 
      speed: 600, 
      maxwidth: 1920, 
      namespace: "centered-btns" 
      }); 

      // Slideshow 2 
      $("#slider2").responsiveSlides({ 
      auto: true, 
      pager: true, 
      nav: true, 
      speed: 600, 
      maxwidth: 1920, 
      namespace: "transparent-btns" 
      }); 

      // Slideshow 3 
      $("#slider3").responsiveSlides({ 
      auto: true, 
      pager: false, 
      nav: true, 
      speed: 600, 
      maxwidth: 1920, 
      namespace: "large-btns" 
      }); 
    } 

    head.js(
     "js/jquery.js", 
     "js/fadetext.js", 
     "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js", 
     "css/slider/responsiveslides.min.js", 
     initSliders  
    ); 
</script>