0

我只是在我的网站上使用 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 用于像 dis 这样的内联 js

<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>
4

1 回答 1

0

您应该在资源完成加载后调用回调

<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>
于 2013-10-25T15:11:17.537 回答