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();
});

这就是你要找的地方吗？

如何在显示模态后调用函数

1 个答案: