2016-10-25 15 views
1

私はレスポンシブのために基礎フレームワークで作業しています。リンクのクリックで は、ウィンドウにフォーカスがmyModalに与えられ開くとreveal-modalの後に関数を呼び出す方法

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

は私が欲しいと言います。

私は

​​

をしようとしていますが、それは働いていません。

モーダルウィンドウが開く前にスクリプトが実行されているため、フォーカスを受け取るために使用できる要素がありません。

答えて

0

モーダル全体にフォーカスを設定できます。

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

これはあなたが探している場所ですか?

+0

私が試したことと同じことは、このコード自体を参照してください。問題は、 "私のスクリプト行はモーダルウィンドウがロードされる前に実行されているため、フォーカスを強制的に移動させるときにモーダルウィンドウが表示されません"。 –

関連する問題