кнопка не работает

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

Поскольку кажется, что вы используете jQuery, почему бы вам не добавить:

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

в ваш код $ (document) .ready (...)?

Answer 3

Возьмите nextTip () из части $ (document) .ready (function () {}.