-2

ユーザーがモーダルを閉じたいフォームを送信すると、モーダル内にフォームがある公開モーダルがあります。

誰かがこれのコードを手伝ってくれますか?

http://zurb.com/playground/reveal-modal-plugin

「dismissmodalclass」を送信ボタンのクラスに変更してみました

$('#modal').reveal({
     animation: 'fadeAndPop',                   //fade, fadeAndPop, none
     animationspeed: 300,                       //how fast animtions are
     closeonbackgroundclick: true,              //if you click background will modal close?
     dismissmodalclass: 'close-reveal-modal'    //the class of a button or element that will close an open modal
});
4

1 に答える 1

0

これはファウンデーションとタグ付けされているので、あなたがファウンデーションの公開を使用していることを理解しています

その場合、実際にドキュメンテーションを読むことをお勧めします.

** Java でモーダルを起動する例 - Cookie の警告**

クロージング body タグの前に、foundation.js のインクルードを使用します。

<script>
$(function() {
    var COOKIE_NAME = 'welcome_cookie';
    $go = $.cookie(COOKIE_NAME);
    if ($go == null) {
        $.cookie(COOKIE_NAME, 'This Cookie is used to remember that you have seen our cookie policy', {path: '/', expires: 6});
        $('#myModal').foundation('reveal', 'open');
    }
    else {
    }
});
</script>

モーダル:

<div id="myModal" class="reveal-modal small" data-reveal>
<h2>This Site Uses Cookies.</h2>
<p class="lead">Cookie Policy.</p>
<p>To give you the best experience, this site uses cookies, By continuing to use this website you are giving consent to cookies being used. For information on cookies and how you can disable them visit <a href="">here</a></p>
<a class="close-reveal-modal">&#215;</a>

これは、ウェルカム Cookie が存在しない場合にポップアップするモーダルの例ですが、必要なのは

 $('#myFormModel').foundation('reveal', 'close');

docs の EVENT BINDINGS も確認してください

ザーブ財団 | ドキュメント | 明らかな

于 2014-10-08T23:28:31.053 に答える