問題タブ [bootstrap-modal]

ブートストラップ (バージョン 2) のモーダルを使用しています。デフォルトのサイズは望ましくないため、次の CSS を適用しました。

しかし問題は、モーダルのコンテンツがモバイル デバイスと互換性がなくなったことです。つまり、水平スクロール バーがなくなり、テキストがコンテンツからはみ出します。ただし、前述の CSS を適用しない場合、モバイル デバイスと互換性があります。しかし問題は、デスクトップでの私の目的には幅が小さすぎることです。

私は Twitter Bootstrap を使用しており、私のコードでは、外部 HTML ファイルを指すリモート オプションを使用してモーダルを表示しています。HTMLファイルが正常に読み込まれ、モーダルが正常に表示されます。問題は、html ファイルに変更を加えて再度起動すると、ブラウザのキャッシュを削除するまで変更が読み込まれないことです。

これは私のコードです：

speedtest には次のものが含まれます。

開発中は、html に変更を加えて、キャッシュを削除せずにその変更をすばやく確認したいので、非常に使いにくいです。

また、サイトをアップロードした後に html に変更を加えると、訪問者が無関係な結果を得ることが懸念されます。

キャッシュを無効化/構成するにはどうすればよいですか?

ありがとう

<iframe>ブートストラップモーダルウィンドウのモーダルボディに があります。Google マップは、<iframe>Facebook マークアップを使用する外部の「スケジューラー」Web サイトには表示されますが、表示されません。Firefox を除くすべての最新のブラウザーで正しく表示されます。

.hide親divからクラスを削除すると、機能します。ただし、クラスを削除する.hideと、非表示のモーダルがページ上の要素を非表示にします。

このブートストラップ クラスをこのシナリオで連携させるための回避策.hideはありますか、または適切なフォールバックはありますか?

非常に奇妙なバグが発生しており、その理由がわかりません。私は Bootstrap がリリースされてから使用しており、その仕組みに非常に精通しています。ドキュメントの下部に配置されたモーダルをトリガーするボタンを使用してフォームをセットアップしました。モーダルをトリガーするボタンをクリックすると、モーダルが開きますが、GETメソッドを使用してフォームを送信しているかのように、フォーム要素/値を URL に追加してページが更新されます。ページが更新されると、モーダルは開かれなくなり、URL にはクエリ内のすべてのフォーム値が含まれます。なぜこれが起こっているのか、一生理解できません。モーダルが開き、ページは影響を受けないままにする必要があります (モーダルが開く以外)

以下は、フォーム要素とモーダル ボタンの HTML です。

モーダル自体の HTML は次のとおりです。

モーダルは実際に開いているため、すべてのスクリプト/スタイルが含まれています。開いたときにページをリダイレクトするだけです。誰かがこのようなバグを経験したことがありますか、または何が原因であるか考えていますか?

4 つまたは 5 つのブートストラップ モーダルを開こうとしています。スペースの制限により、一部のポップアップは他のモーダルの上に表示されます。クリック時に選択したモーダルポップアップをアクティブにするにはどうすればよいですか?

投稿のリストを表示する WP_Query があります。ただし、かなり標準的ですが、その中で the_title(); のような関数の複数のインスタンスを呼び出しています。クリックされた投稿を表示するはずのポップアップモーダルで使用しますが、代わりにループの最初の投稿を再度表示します。

上記の例では、投稿ごとに div.member が作成されます。しかし、div.modal は最初の投稿のみを表示します。

ある意味では、投稿ごとにこれらのいずれか (div.member + div.modal) を作成しようとしています。

アップデート：

これが視覚的な表現です。ループは、post_type 内の 4 つの「メンバー」を、それぞれのデータとともに吐き出します。

http://img42.com/k2Cdx

しかし、どれをクリックしても、モーダルは最初の投稿からデータを取得するだけです。

http://img42.com/Pjq9P

divボタンを含む単純なタグがあります。ユーザーがこのボタンをクリックすると、単にアラートが表示されます。

また、空のTwitterブートストラップモーダルもあります。

2 番目のボタンがあります。ユーザーがクリックすると、ブートストラップ モーダルが開きます。ユーザーが2番目のボタンをクリックするたびに、ブートストラップモーダルで「myDiv」を表示したいと思います。モーダルが開くたびに「myDiv」が存在するようにし、HTML ドキュメントにも存在するようにします。モーダルで2番目のボタンを作成せずにいつでもアクセスできるようにします。

どうすればそれを行うことができますか？

Bootstrapモーダルポップアップの経験はこれまでありませんでした。しかし、最近購入した完全にブートストラップ ベースのテーマでは、HTML ページで完全に動作するモーダル ポップアップもデモしました。しかし、マスター ページに統合すると、すべて正常に動作します。ただし、モーダル ポップアップだけでは、下の画像でわかるように 2 倍に表示されます。

HTMLページとASPXページのすべてが似ているのに、なぜこのように動作するのか、私にはわかりませんでした。また、モーダル ポップアップが表示されると、ページ上で何かが起こっているように変化したり、モーダル ポップアップが表示されたときに右に少しジャンプしたりします。

これが私のモーダルポップアップコードです

そして、ここにボタンコードがあります