javascript - Reveal-modal 出现后如何调用函数

Question

我正在一个响应式基础框架中工作。 单击链接时说

<a href="#" class="button" data-reveal-id="myModal">Click Me For A Modal</a>

<div id="myModal" class="reveal-modal" data-reveal>
  <h2 id="modalTitle">Awesome. I have it.</h2>
  <p class="lead">Your couch.  It is mine.</p>
  <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!  </p>
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

我希望当窗口打开时焦点被赋予 myModal。

我正在努力

$('a.button').on('click', function() {
    $("#myModal").attr("tabindex","0").focus();
 });

但它不起作用。

我的脚本在模式窗口打开之前运行，因此没有这样的元素可用于接收焦点。

Answer 1

您可以将焦点设置在整个模式上。

$('a.button').on('click', function() {
   $("#myModal").focus();
});

这就是您要找的东西吗？