2012年10月24日

twitter bootstrap modal表示時に自動的にフォームフォーカス

お願いします♪いいねとかつぶやいたりして下さい
 
一般的なjqueryでは

$("#linkUrl").focus();


で自動的にフォームにフォーカスがあたる。

しかし、twitterbootstrapのmodalを使ったときはそれでは動かない。
そんなときは

$('#linkModal').on('shown', function () {
    $('#linkUrl').focus();
});


<div class="modal hide" id="linkModal">
    <div class="modal-header">
        <a class="close" data-dismiss="modal">×</a>
        <h3>test</h3>
    </div>
    <div class="modal-body">
       <input type="text" id="linkUrl" value="" class="input-xxlarge" placeholder="リンク先のURL" />
    </div>
</div>


とやるとモーダル表示時にカーソルが自動的にフォーカスされます。
関連するタグ:
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ