2

いくつかの異なるモーダルを持つページにEricMartinのSimpleModalプラグインを使用しています。モーダルの1つは、ページ上の他のモーダルとは高さと幅が異なるため、大きなモーダルのリンクをクリックすると、本文にクラスが追加されました。これは、その特定のモーダルのスタイルを制御する限り、正常に機能します。ただし、そのモーダルが閉じているときにクラスを削除することは問題です。もともとonClose関数を使おうとしましたが、うまくいきませんでした。それで、閉じるリンクをクリックしたときにremoveClassをアタッチしようとしましたが、bodyクラスが削除されていませんか？ヘルプ？

基本的に、onClose関数を使用して組み込みメソッドのいずれかを介してモーダルが閉じられたときにクラスが確実に削除されるように、次のようなことを行いたいと思います。

$("#element-id").modal({onClose: function () {
    $('body').removeClass('classname');
}});

前もって感謝します！

4

1 に答える 1

0

これを試して：

$('#sample').modal({
    onOpen: function(dialog) {
        $('body').addClass('classname');
        dialog.overlay.show();
        dialog.container.show();
        dialog.data.show();
    },
    onClose: function(dialog) {
        $('body').removeClass('classname');
        $.modal.close()
    }
});​

スムーズなアニメーションが必要な場合は、.show()別のものに変更する必要があります。ここにドキュメントがあります。

于 2012-09-22T16:32:38.417 に答える