javascript - 自定义弹出后无法将焦点设置到文本框

Question

我正在显示一个花哨的框消息，并且在消息之后我试图将焦点设置到一个文本框。但它不起作用

这是html代码

    <a class="fancyTrigger" href="#TheFancybox"></a>
<hr>
<div id="TheFancybox"></div>

Powered by <a href="http://fancybox.net/" target="_blank">Fancybox</a>

    <input id="ipt" type="textbox" />

Javascript代码

    $("#TheFancybox").html("<p>Just adding a paragraph to demonstrate that you can dynamically create HTML content within a DIV using .html()</p>");

$(".fancyTrigger").fancybox();
$(".fancyTrigger").trigger('click');

$('#ipt').focus();

这是演示jsfiddle

Answer 1

这对于fancybox 2.0 非常有效。

$(".fancyTrigger").fancybox({
    afterShow : function() {
        $('#ipt').focus()
    },
    afterClose : function() {
        $('#ipt').focus()
    }
});