2013-03-07 48 views
1

后,我在做的jsfiddle形式在这里: http://jsfiddle.net/LCBradley3k/xqcJS/22/有一所件事显示,另一叶用jQuery

我做了一个快速的段落,只是说的“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执行(这说明我的测试款)。

由于某种原因,它不工作。任何理由?

+0

setTimein?这是新的。 – Shanimal 2013-03-07 22:34:43

+1

哦哈哈。我没有意识到setTimeout实际上是内置于代码中的。对不起,我也是新人。 – 2013-03-07 22:37:07

+0

setTimeout是窗口的函数,可能有关于setTimein没有被定义的错误?这会导致所有执行停止。 – Shanimal 2013-03-07 22:37:44

回答

0

setTimein不存在。这不是一回事。使用的setTimeout(函数(){...},2000)

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') 
     }); 
}); 

Codepen

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

相关问题