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

Question

I am working in a foundation frame work for responsive. on click of a link say

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

I want as the window opens the focus is given to the myModal.

i am trying

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

but it not working.

My script is running before the modal window opens and thus there is no such element available to receive focus.

Answer 1

You can set the focus on the whole modal.

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

Is this what you where looking for?