滑块不起作用，包括 jquery.min.js

Question

我正在 jquery 中做一个滑块，但不幸的是它没有滑动。我包括 jquery.min.js 并在 DOM 上运行。

slider.js

$(function(){
    $('.fadein img:gt(0)').hide();
    setInterval(function(){
      $('.fadein :first-child').fadeOut()
         .next('img').fadeIn()
         .end().appendTo('.fadein');}, 
      3000);
});

html

<script src="js/slider.js"></script>
<script src="js/jquery-1.3.2.min.js"></script>
<div class="fadein">
     <img src="images/mtcRechargeSlider.jpg">
     <img src="images/iphoneSlider.jpg">
     <img src="images/accessoriesSlider.jpg">
</div>

Answer 1

如果您指的是 jquery 滑块，则需要包含 jquery 和 jquery.ui 文件。以下是我通常包括的主题...

      <link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">

            <script type=" text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.11.3.min.js"> </script>
            <script type="text/javascript" language="javascript" src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"> </script>

Answer 2

样本看起来更像这样....

 <script>
   $(function() {
      $('#fadein).slidesjs({
        width: 940,
        height: 528,
        play: {
          active: true,
          auto: true,
          interval: 4000,
          swap: true,
          pauseOnHover: true,
          restartDelay: 2500
        }
      });
    });
  </script>

Answer 3

请尝试切换js引用顺序。通常像 slider.js 这样的引用会依赖于 jquery。所以直接把jquery放在slider.js前面，看看效果如何。

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/slider.js"></script>

希望对您有所帮助。 :)

滑块不起作用，包括 jquery.min.js

Slider doesn't work, jquery.min.js included

html

jquery

slider