問題タブ [zurb-reveal]

例の Foundation表示モーダルを使用すると、オーバーレイによって隠されているダイアログ ボックスが表示されます。ダイアログ ボックスをオーバーレイの上に表示することは不可能です。ダイアログ ボックスとオーバーレイの両方の z-index をそれぞれ 1006 と 1 に操作しましたが、それでもオーバーレイによってダイアログ ボックスが見えなくなります。検査ツール (Chrome) によると、オーバーレイ div の z-index はデフォルトで 1005 で、ダイアログ div は 1006 であるため、オーバーレイがダイアログ div を覆い隠してはなりません。何が起こっている？これをFirefoxでもテストしましたが、同じ悪い結果が得られました。回避策として、次を使用してオーバーレイを非表示にするように css オーバーライドを更新しました。

}

しかし、モーダル ダイアログを処理する必要があることをユーザーに示すオーバーレイが必要です。

私は以前の同僚からこのサイト ( http://www.fatimatourforpeace.com/wordpress/the-tour )を継承し、サイトの小さな問題のほとんどを解決しましたが、これは.

ページのモーダル ([詳細情報] をクリック) は、ユーザーが現在いる領域にモーダルを表示するのではなく、強制的にページを一番上に戻します。

html/bodyタグに100%の高さを割り当てたり、他のいくつかのものを割り当てたりすることで何かと思ったのですが、わかりません。

モーダル ウィンドウが閉じたときに、リビール モーダル ウィンドウで再生中のビデオの再生を停止したい (誰がそうしないの?)。これは、iframe ソースを空に設定することにより、jQuery で簡単に実行できます。

しかし、コールバックで機能させる方法がわかりません。モーダル ウィンドウ自体は期待どおりに機能します。そして、これは機能します：

ただし、次のいずれも効果がありません。

そのため、イベントが発火していないように感じます。確かにそうだけど、どうやって捕まえるの？

そのため、財団の公開モーダルでコンタクトフォーム7を使用することに少し問題があり、誰かが次のことで少し助けてくれるかどうか疑問に思っていました.

私が取り組んでいるプロジェクトでは、多くの製品を含む製品概要があります。すべての製品には、モーダルで連絡先フォームを開くリンクがあります (財団から明らかにします)。このモーダルでは、連絡先フォームをget_template_part. これはうまく機能していますが、「送信」をクリックすると、フォームを送信せずにフィードバックメッセージなしでモーダルが閉じます。

モーダルを開いたままにして、このモーダルに「ありがとう」メッセージまたはエラー メッセージを含めたいと思います。ajaxの使用について何か読んだことがありますが、テンプレート部分をajaxでロードする方法がわかりません。それが正しい方法かどうかもわかりません。

誰かがこれで正しい方向に私を助けてくれることを願っています。

これをもう少し明確にするために、いくつかのコードを追加しました。

そして content-item-contact には次のものがあります。

AngularJS の使用に関してはあまり経験がありませんが、初心者ではありません。すでに少し作業しました。

ただし、Zurb Foundation 6 で AngularJS を使用しています。公開モーダルのコントローラーは角度を使用しません。たとえば、私は書くことができ{{hallo}}ますが、彼はそれをレンダリングしません。彼は {{hallo}}、この変数の値ではなく、私に表示します。

angular-route を使用しているため、このモーダルは angular のテンプレート ファイルに含まれていることを知っておく必要があります。奇妙なことに、私はすでに index.html ファイルでモーダルを使用しており、モーダルの動作に角度があります。しかし、テンプレート ファイル (dashboard.html と呼ばれる) のモーダルが機能していません。

それが私のモーダルです：

私のコントローラは次のようになります

誰かが私を助けてくれれば幸いです。ありがとう

私は Angular2 で Foundation 6 を使用しています。いくつかの Reveal モーダルがあり、順番に開く必要があります。Zurb から例を直接コピーしましたが、最初のモーダルのボタンをクリックすると、新しいモーダルが開き、最初のモーダルが閉じません。

multipleOpened のデフォルト値は false である必要がありますが、それらは互いに重なって開きます。

スクリーンショット

data-multiple-opened="false"と も設定しようとしましdata-options="multipleOpened:false;"たが、それらはまだお互いの上に開きます。

これが私のコードです：

誰かが私を正しい方向に向けることができますか?

Reval Modal Foundation 6 と Ajac を作成しようとしていますが、機能しません。公式ガイドに従った

ページのhtml

私は明らかにモーダルを使用しています。ウィンドウのサイズによっては、コンテンツが大きすぎて画面に収まらない場合があります。

何をしても、スクロールしてすべてのコンテンツを表示することはできません。モーダル自体をoverflow-y:auto;にしてみましたが、これは役に立ちませんでした。

以下のスクリーンショットは、モバイル デバイスのサイズに設定された chrome ウィンドウのものです。フォームの下部に、見えないために押せないボタンがあります。

ウィンドウもモーダル コンテンツもスクロールしません。また、モーダルの上部が低すぎるようですが、下部のボタンのアクセシビリティでは何も変わらないようです。