专注于输入不工作

Question

我正在尝试使用.focus（）来处理滑入式div，但无论每当div出现时我都会做什么，光标就不在所选的输入字段中。

演示：http://jsfiddle.net/Mobius1/36n8y/（已修复）

单击“引用”按钮将div滑入。我需要光标出现在第一个输入字段（#name）中。

提前致谢。

Answer 1

您可以使用show的回调函数：

$("#slide").hide().delay(500).show("drop", {
    direction: "up"
}, 500, function() {
    $("#name").focus();
});

DEMO： http://jsfiddle.net/L366u/1/

Answer 2

专注于回调：

$("#slide")
  .hide()
  .delay(500)
  .show("drop", { direction: "up" }, 500, function() {
    $("#name").focus();   
  });

演示：http://jsfiddle.net/L366u/2/

Answer 3

更改如下 - ＆gt;

 // focus on first input of slide (not working)
        setTimeout(function(){$("#name").focus();}, 500);