1

我对 jQuery 很陌生，我需要一些帮助：

我在找什么： 当一个人在文本框中输入正确答案时，我想让一个 div 出现。如果他们得到错误的答案，就会出现一个不同的 div。

我现在拥有的： 目前，我正在使用 Javascript 来输出 2 种不同的文本，具体取决于该人的回答。请看看它现在的样子：http: //yankrupnik.com/wowza/cats.html

这是该测试页上的 html

<!DOCTYPE html>
    <html>
        <head>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
            <script type="text/javascript"> 
                $(document).ready(function(){
                    $("button#start").click(function(){
                        $("div#catbox").animate({height:336},1000);
                        $("div#catbox").animate({width:480},1000);
                        $("div#catbox").animate({height:100},700);
                        $("div#catbox").animate({width:100},500);
                        $("div#catbox").hide(2000);
                        $(this).hide();
                    });
                }); 
            </script> 
        </head>
    <body>
        <div align="center">
            <h3>The Cat Test</h3>
            <p>Click "start" and count how many cats you see! Enter your estimation below, and if you've got it, collect a cookie!</p>
            <button id="start">START!</button>
            <br /><br />
                <div id="catbox" style="background:#98bf21;height:100px;width:100px;overflow:hidden">
                <img src="images/manycats.jpg">
                </div>


            <p>So, how many cats did you manage to spot?</p> <input id="cats" value="enter number here" onfocus="this.value='';" />
            <button onclick="valFunction () ">Submit Answer!</button>

            <p id="demo"></p>

            <script type="text/javascript">
            function valFunction()
                {
                cats=document.getElementById("cats").value;
                validation=(cats==7)?"Nice! You've Got it!":"Sorry... press [F5] and try again!";
                document.getElementById("demo").innerHTML=validation;
                }
            </script>     
        </div>
    </body>
    </html>

提前感谢您的所有帮助！

4

1 回答 1

0

用于.show()显示div. 我假设它们最初会被隐藏display: none：

if (answer == correctAnswer) {
  $("#id_of_correct_answer_div").show();
} else {
  $("#id_of_wrong_answer_div").show();
}
于 2012-08-30T02:26:10.543 回答