javascript 按钮打开单击可隐藏文本

bwleehnv  于 2023-01-04  发布在  Java
关注(0)|答案(3)|浏览(162)

我有一个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">

...等等。

yebdmbv4

yebdmbv41#

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

pw9qyyiw

pw9qyyiw2#

从$(document).ready(function(){}部分取出nextTip()。

2wnc66cl

2wnc66cl3#

既然您似乎正在使用jQuery,为什么不添加:

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

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

相关问题