.focus()是否适用于页面加载时DOM中不存在的元素?

时间:2015-02-23 20:00:54

标签: jquery zurb-foundation

我有这个jQuery代码:

$('.triggermodal').focus(function(event) {
    $('#myModal').foundation('reveal', 'open');
    $('.focusme').focus();
});

它应该打开一个模态(使用Foundation框架),然后将浏览器的焦点指向该模态中的输入字段。由于某种原因,它不会引导焦点,我唯一能想到的是.focus()只能处理pageload上的元素。 jQuery文档没有提到这个(我能找到)。

如果我用.addClass(“hidden”)替换.focus(),.hidden类确实出现在.focusme上,所以看起来.focus()有一些特别的错误。

任何建议表示赞赏。如果我遗漏了一些重要信息,请告诉我!

1 个答案:

答案 0 :(得分:1)

当模态为ready时聆听,然后进行焦点:

$(document).on('opened.fndtn.reveal', '[data-reveal]', function () {
  if( $(this).id == "myModal" ){
    $('.focusme').focus();
  }
});