javascript - 带 iframe 的 JQuery thickbox。将焦点设置到输入字段

Question

您好，我的应用程序中有一个jquery thickbox modal popup。 (iframe)
一切正常，但我想将焦点设置到特定输入字段d。

Iframe 加载一个普通的 aspx 页面，所以我想我应该做一个 $(document).ready(..focus);
我将该脚本放在 IFrame 代码中

但是这不起作用。我相信在“准备好”之后，thickbox 会执行一些其他代码，这样它就会再次失去焦点。 (例如..我可以设置输入字段的值，这样机制就可以工作..

谁能帮我设置焦点？下面是我的调用代码..

<a href="page.aspx?placeValuesBeforeTB_=savedValues&TB_iframe=true&height=550&width=700" title="Add" class="thickbox">Add</a>

Answer 1

ThickBox 通过调用 iframe 元素的 onload 事件中的方法来显示 iframe 的容器。由于 iframe 在加载 iframe 的内容之前隐藏在父页面上，因此您不能简单地使用 $(document).ready(..focus); 设置焦点。我发现解决此问题的最简单方法是使用 setTimeout 将设置焦点的函数调用延迟到显示 iframe 之后:

jQuery(document).ready(function() {        
    setTimeout(function(){
        $('#YourElementID').focus();   
    },200);
});

注意:您可能需要调整传递给 setTimeout 的毫秒值。