2010-04-30 128 views
1

我有一个javascript,我需要通过单击按钮来隐藏(并最终显示)一些文本。但是,当我点击按钮时,它不会调用onclick参数中指定的函数,因此什么都不会发生。这里是我的源代码:按钮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"> 

... 等等。

回答

1

您是否尝试过将function nextTip()移出$(document).ready到全球范围? 。

+0

精彩的,就是这个问题,谢谢 – nsw1475 2010-04-30 17:56:27

+0

@ nsw1475:您可以将他的答案标记为“Accepted”。 – 2010-04-30 18:06:03

0

采取nextTip()从$(文件)。就绪(函数(){}部分的

0

因为它似乎你正在使用jQuery你为什么不添加:

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

到您的$(document).ready(...)代码?