0

表示モーダル背景を削除しようとすると、いくつかの問題が発生します

ドキュメントにはいくつかのオプションがありますが、どれも機能しません: http://foundation.zurb.com/docs/components/reveal.html

背景を削除:

<div class="reveal-modal-bg" style="display: none"></div>

オプションの Javascript 構成:

Reveal オプションは、現時点では初期化中にのみ渡すことができます。ただし、open、opened、close、および closed イベントにバインドできます。

イベント コールバックでこのオブジェクト リテラルを返そうとしましたが、うまくいきません。

$(document).on('open.fndtn.reveal', '[data-reveal]', function () {
  return {bg_class: 'noBackground'}
});

{

  animation: 'fadeAndPop',
  animation_speed: 250,
  close_on_background_click: true,
  dismiss_modal_class: 'close-reveal-modal',
  bg_class: 'reveal-modal-bg',
  root_element: 'body',
  bg : $('.reveal-modal-bg'),
  css : {
    open : {
      'opacity': 0,
      'visibility': 'visible',
      'display' : 'block'
    },
    close : {
      'opacity': 1,
      'visibility': 'hidden',
      'display': 'none'
    }
  }
}

助けていただけますか？

どうも、

4

2 に答える 2

1

display: none を使用しないでください。css を使用し、css で背景色を透明に設定してください (スタイルをオーバーライドするために、基礎の後に CSS をロードする必要があります)。 ?:

.reveal-modal {
background-color: transparent;}
于 2014-12-28T09:09:15.367 に答える
-1

最も良いオプションではありませんが、簡単な修正は次を使用することです。

style="display: none!important"

「reveal-modal-bg」について。

于 2014-06-27T11:43:22.173 に答える