3

私は 自分のサイトでポップアップを表示するためにプラグインのシンプルなモーダルを使用しています。ポップアップと一緒に表示されるオーバーレイを無効にする必要があります。回避策はありますか？何か助けていただければ幸いです

4

4 に答える 4

5

これをcssに追加します。オーバーレイを非表示にします

#simplemodal-overlay{
   display: none !important;
}

それが常に機能することを確認するには、サイトにあるすべてのシンプルモーダルに追加overlayIdしsimplemodal-overlayます。お気に入り

$("#element-id").modal({
    overlayId : 'simplemodal-overlay'
});

その場合、overlayのidは常ににsimplemodal-overlayなり、上記のcssはすべてに対して機能します。

于 2012-06-27T11:33:43.973 に答える
2

編集：

// Change overlay color and opacity
$("#sample").modal({
opacity:0,
overlayCss: {backgroundColor:"#fff"}
});

抜粋： http ：//www.ericmmartin.com/projects/simplemodal/

また

デモを参照してください：http： //jsfiddle.net/rathoreahsan/CzPQG/

$('#basic-modal .basic').click(function (e) {
    $('#basic-modal-content').modal();        
    $('#simplemodal-overlay').css('display','none'); /* Overlay Div's display = none */
    return false;
});

デモを参照してください：http： //jsfiddle.net/rathoreahsan/Q2LHW/

于 2012-06-27T11:33:51.170 に答える
2

試す -

$('#simplemodal-overlay').hide();
于 2012-06-27T11:33:54.430 に答える
0

オーバーレイを無効にすると、モーダルウィンドウ/ダイアログを使用する目的が失われます。とにかく、不透明度オプションを0に設定できます。

于 2012-06-27T11:34:05.547 に答える