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

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