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

Question

我有这个 jQuery 代码：

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

它应该打开一个模式（使用 Foundation 框架），然后将浏览器的焦点指向该模式中的输入字段。出于某种原因，它不会引导焦点，我唯一能想到的是 .focus() 仅适用于页面加载中存在的元素的可能性。 jQuery 文档没有提及这一点（我能找到）。

如果我用 .addClass("hidden") 替换 .focus() 一个 class of .hidden 确实出现在 .focusme 上，所以 .focus() 似乎有一些特别的错误.

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

Answer 1

听模态ready，然后做重点：

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

Does .focus() work on elements not present in the DOM on pageload?