Learn iPhone, iOS, Objective-c, Swift, cocos2dx, Unity and ….?

iOSやAndroid開発でのエラー解決法や便利tipsのメモ

RSS Feed

foundationのmodalで背景をクリックしても消えないようにする

0 Comments
Posted by Kuro on 2015/07/03

スポンサードリンク

foundationを使えば簡単にmodalを実装できるのですが、デフォルトだと画面外を押すと消えてしまうので、消えないようにする方法を調べました。

foundation公式のdocumentだと説明が見つからなかったのですがStackoverflowに方法が書いてありました。

デフォルトのmodal windowの実装

foundation公式document : Reveal Modal

消えないmodal windowの実装

Stackoverflow : Zurb Foundation Reveal Modal – preventing close on background click

data-options=”close_on_background_click:false”を追加

data-options=”close_on_background_click:false”を追加すると消えないようになるようです。

foundationのバージョンによってdata-optionsの中身が違うようなので注意してください。

スポンサードリンク


Filed under HTML-CSS, Programming
Tagged as
You can leave a comment, or trackback from your own site.

0 Comments

You can be the first to comment!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スポンサードリンク

Popular Posts