кнопка onclick не работает

Question

У меня есть javascript, где мне нужно скрыть (и в конечном итоге показать) текст, нажав кнопку. Однако, когда я нажимаю кнопку, она не вызывает функцию, указанную в параметре onclick, и поэтому ничего не происходит. Вот мой исходный код:

<script type="text/javascript"> 
     $(document).ready(function(){     
      var tip = 1; 
      $(".tip1").hide(); 
      $(".tip2").hide();   
      switch (tip) { 
       case 1: 
        $(".tip1").show(); 
        break; 
       case 2: 
        $(".tip2").show(); 
        break; 
      }   
      function nextTip() { 
       $(".tip1").hide(); 

       return; 
      } 
     }); 
    </script> 
    <br/> 
    <div id='bg_container' style='background-image: url("<?=$PICS?>trackingpage_middle.jpg")' > 
    <img style='z-index:-1;' width='737px' src='<?=$PICS?>trackingpage_top.jpg'> 
    <div id='main_container' > 
     <form> 
      <input type="button" onClick="nextTip()" value = "Next Tip" /> 
     </form> 
     <div class="tip1"> 

... и так далее.

Answer 1

Вы пробовали переместить function nextTip() из $(document).ready в глобальную сферу? .

Answer 2

Возьмите nextTip() из $ (документ) .ready (функция() {} часть

Answer 3

Поскольку кажется вы используете JQuery, почему бы вам не добавить:

$('input[type="button"]').click(function(){ $(".tip1").hide();}); 

к вашему $ (документу) .ready (...) code?