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休息我工作的所有脚本???我是否也应该使用headjs作为内联js，如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>

应用head js但脚本不执行

1 个答案: