버튼 onclick이 작동하지 않습니다.

Question

버튼을 클릭하여 일부 텍스트를 숨기고 (결국 표시해야하는) 자바 스크립트가 있습니다. 그러나 단추를 클릭하면 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

$ (문서) .ready (함수() {} 부분의 밖으로 nextTip()를 가지고

Answer 3

을 그것은 당신이 jQuery를 사용하는 것 때문에 왜 당신은 추가하지 않습니다

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

$ (문서) .ready (...) 코드에