Simplemodal - 如何在 onShow 函数中将焦点设置在元素上

Question

我以为事情会很简单。只是

...
onShow:function(dialog){
   dialog.data.find("input#myInput").focus();
}
...

，但似乎不起作用。

与SimpleModal的focus()函数有冲突吗？

我注意到，如果我在 onShow 函数中放置一个alert()，它会在模态可见之前弹出。有没有办法在显示模式后调用函数（即 focus()），但无需用户输入（无需用户触发某种事件）？

另外，当我尝试将 simplemodal

focus:true

与dialog.data一起使用时=

'<div class="myModal login">'+
    '<div class="modalTitle">Title</div>'+
    '<div class="modalContent">'+
       '<label for="username">Login: </label>'+
       '<input id="username" />'+
       '<br />'+
       '<label for="password">Pass: </label>'+
       '<input id="password" type="password" />'+
       '<br />'+
       '<div class="confirmButton no simplemodal-close">Cancel</div>'+
       '<div class="confirmButton yes">Login</div>'+
    '</div>'+
'</div>'

焦点位于包装器上（至少我这么认为）并且用户必须按选项卡才能到达第一个输入元素。

任何帮助都会很棒，

格雷格。

Answer 1

试试这个：

onShow:function(dialog){
   setTimeout(function(){
     dialog.data.find("input#myInput").focus();
   },50);
}

希望这有帮助。干杯