1

我在这里在 JSFiddle 中制作了一个表格:http: //jsfiddle.net/LCBradley3k/xqcJS/22/

我做了一个简短的段落,只是说“Hello World”,但它似乎在表单隐藏后并没有运行(一旦所有用户输入正确的信息)。

这是Javascipt:

    if (correct) {

        $('#answer').html('Thank You!');
        setTimeout(function(){
    $('.inputs').hide("slide", { direction: "up" }, 1000);
    }, 2000);

        setTimein(function(){
    $('p').show("slide", { direction: "up" }, 1000);
    }, 2000);

 }

您可以看到 .inputs 隐藏了,但是在完成之后,我希望 setTimein 执行(这显示了我的测试段落)。

出于某种原因,它不起作用。有什么理由吗?

4

2 回答 2

1

HTML

<div id="answer"></div>
<input id="txt" placeholder="Say Something Smart" />
<input type="submit" />

JS

var $answer = $('#answer'),
    $txt = $('#txt'),
    $submit = $('[type=submit]')

$submit.click(function(){
    if(!$txt.val())
        return alert('enter something');
    $answer.html('Thank You!');
    $('input')
        .hide(200)
        .delay(2000)
        .show(200,function(){
            $answer.html('');
            $txt.val('').attr('placeholder','say something else')
        });
});

密码笔

http://codepen.io/anon/pen/uniGy

于 2013-03-07T22:52:12.540 回答
0

setTimein 不存在。那不是一回事。使用 setTimeout(function () {...}, 2000)

于 2013-03-07T22:43:03.880 回答