隐藏在模态框中的输入区域上的自动对焦

Question

我正在使用Fancybox2为我的网站创建模态框。

其中一个模态框中有一个登录表单，当我点击“登录按钮”时，我想让它在第一个输入区域自动对焦，但autofocus="yes"属性不起作用我，所以我不能让它自动对焦。这是因为此登录框是display:none，然后使用Fancybox2变成display: block，还是有其他原因导致它无法在所需的框上自动对焦？

Answer 1

您可以尝试在花式框中使用afterShow:回调，例如

 $(".fancybox")    
    .fancybox({
        afterShow: function () {
           $("#loginfield").focus();
        }
    });