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

从$（document）.ready（function（）{}部分取出nextTip（）。

Answer 3

因为看起来你正在使用jQuery，为什么不添加：

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

到$（document）.ready（...）代码？

按钮onclick无法正常工作

3 个答案: