如何在reveal-modal出现后调用函数

how to call a function after reveal-modal appears

本文关键字：调用 函数 reveal-modal      更新时间：2023-09-26

我正在为响应的基础框架工作。点击链接时输入

<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.

i am trying 

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

但它不工作。

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

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

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

这是你要找的吗?

相关文章：