jquery - 非表示の div のシンプルなモーダル

Question

SimpleModal ダイアログの要素を含むページに非表示の div を配置したいのですが、CSS の可視性を非表示に設定してモーダルを起動すると、空になります。

ページに表示せずに、この方法で DIV を使用するにはどうすればよいですか?

score 5 · Accepted Answer

visibility: hidden;あなたが望むものの代わりにですdisplay: none;。ほとんどの jQuery プラグインdisplayは代わりにvisibility機能します (表示/非表示に関連するさらに多くのコア jQuery 関数がこれを行います)。

SimpleModal（および私が知っている他のすべてのjQueryモーダル）はdisplay: none、モーダルを表示すると逆になります...彼らは実際にこれを期待しています:)

score 1 · Accepted Answer

あなたがやろうとしていることを正確に見ることなく、私は問題が何であるかを推測することしかできません.

デフォルトでは、SimpleModal は送信して表示する要素を「可視化」します。その要素内にコンテンツがある場合は、手動で「表示」する必要があります。

このようなものは問題を解決します：

$(element).modal({
    onShow: function (d) {
        $(hiddenElement).show();
    }
});

2 に答える 2