Простая функция слайд-шоу Javascript не работает

Question

Я новичок в Javascript, и я пытаюсь сделать простое «слайд-шоу» с изображениями. Вот мой код, если он не работает, он загружает html-код как обычно, игнорируя функциональность «hide»: что делать?

<script type="text/javascript"> 
     $(function() { 
      var tot = $(".slide").length, 
      current = 1 

      $(".slide").not(":first").hide() 

      $("#next").click(function() { 
      if (current+1 > tot) return false 

      $(".slide:visible").hide().next().show() 
      current++ 
      }) 

      $("#prev").click(function() { 
      if (current-1 < 1) return false 

      $(".slide:visible").hide().prev().show() 
       current-- 
      }) 
     })​ 
    </script> 

    <div id="slide_container"> 
      <div class="slide"> 
       <p>Step 1 explained</p> 
       <img src="images/android.png" border="none"/> 
      </div> 
      <div class="slide"> 
       <p>Step 2 Explained</p> 
       <img src="images/apple.png" border="none"/> 
      </div> 
      <div class="slide"> 
       <p>Step 3 explained</p> 
       <img src="images/windows.png" border="none"/> 
      </div> 
      <div> 
       <button id="prev">Prev</button> 
       <button id="next">Next</button> 
      </div> 
    </div> 

Спасибо!

Answer 1

Я переформатировал ваш код и добавил несколько полуколоней ; для ясности, и я также изменил индексирование текущего и общего числа, и все, похоже, работает нормально. Я создал jsFiddle, используя приведенный ниже JavaScript. , и все, кажется, работают нормально. Дайте это a go

$(function() 
{ 
    var total = $(".slide").length; 
    var current = 0 

    $(".slide").not(":first").hide() 

    $("#next").click(function() 
    { 
     if (current + 1 >= total) 
     { 
      return false; 
     } 

     $(".slide:visible").hide().next().show(); 
     current++ 
    }) 

    $("#prev").click(function() 
    { 
     if (current <= 0) 
     { 
      return false; 
     } 

     $(".slide:visible").hide().prev().show(); 
     current--; 
    }); 
})​ 

Answer 2

Надеюсь, у вас есть ссылка JQuery, добавленная перед блоком сценария, который вы указали здесь. Просто мысль.