我有一个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">
...等等。
3条答案
按热度按时间yebdmbv41#
您是否尝试过将
function nextTip()
从$(document).ready
移到全局范围?pw9qyyiw2#
从$(document).ready(function(){}部分取出nextTip()。
2wnc66cl3#
既然您似乎正在使用jQuery,为什么不添加:
到您的$(document).ready(...)代码?