問題タブ [simplemodal]

SimpleModal 1.3.2 Contact Form をローカルホストにダウンロードして試してみました。私が行った唯一の変更は、data/contact.php のユーザー設定です。「送信」を押すと、お礼のメッセージが表示され、SimpleModal が閉じます。ただし、何かが電子メールの送信を妨げています。受信トレイに受信することはありません。どんなコメントでも大歓迎です。便利なシステムなので是非使ってみたいです。

私は jQuery の初心者で、Simple Modal を装備して、スクリプトでこれを行うことにより、ページに複数のモーダルを表示できるようにしました。

$('input.basic, a.basic').click(function (e) { e.preventDefault(); $(this).next('.basicModalContent').modal(); });

ここに私のHTMLがあります:

私が直面している問題は、最初のクリックとクローズですべてが正常に機能することです。2 回目のクリックでモーダルが起動しますが、すべてのコンテンツがボックス内から消えています。

実際のバグについては、次のリンクを参照してください: http://blanksky.com/test/ebenefits21/modal.html

フローティング ウィンドウ内に動的コンテンツを表示するために、SimpleModal プラグインを使用しています。このフローティング ウィンドウには、(クリック イベントで) Javascript 関数呼び出しが含まれており、このフローティング ウィンドウの一部のコンテンツが変更されています。

これはFFで非常にうまく機能します。しかし、IE には問題があります (私は IE8 のみでテストしました): このモーダル ウィンドウが対応するページで初めて開かれ、この Javascript 内からコンテンツ (または DIV を非表示にするなどのその他の効果) が変更されたときのみです。 jQueryを使用した機能が動作しています。その後の呼び出しで、このフローティング ウィンドウが途中で閉じられていた場合、IE は何もしません!!!

IE は、一部の DOM オブジェクトが変更されたこと、およびこれらの変更をレンダリングする必要があることを認識していないようです。DOM オブジェクトの実際のコンテンツを確認すると、コンテンツが変更されていることがわかりますが、レンダリングされていません! :-(

ルート要素で addClass('fake') / removeClass('fake') などのハックをすでに試しましたが、成功しませんでした。

ここにいくつかのテストコードがあります。

モーダル ウィンドウを開くための Javascript 関数:

コンテンツを変更する Javascript 関数 (フローティング ウィンドウ内から呼び出される):

}

jQuery SimpleModal プラグインを呼び出すための対応するコード:

}

これは多かれ少なかれhttp://www.ericmmartin.com/projects/simplemodalからコピーされたコードです:

フローティング ウィンドウを 2 回目に開くと、警告ボックスに innerHTML が適用されたことが表示されますが、値「OrigValue」は表示されたままです。最初の試行では、常に正常に機能しています (「ChangedValue」が DIV 内に表示されます)。

ヒントをありがとう！

乾杯、ロジャー

HTML を表示するために simplemodal jquery プラグインを使用することに苦労しています。この html には ajax ボタンがあり、これを押すと、より広い HTML コンテンツがモーダル ボックスに返されます。

simplemodal にこれを「認識」させて自動サイズ変更する方法はないようです。そのため、ajax ボタンが押されたときにモーダルを強制終了し、コンテンツが読み込まれた後にモーダルを再作成することをお勧めします。返され、初期オートサイズに処理させます。ただし、これを機能させる方法がわかりません。

これまでのところ、私は持っています:

ただし、このコードは、オーバーレイを再度開かずに閉じるだけです。

オートコンプリート エクステンダーを含む Textbox を含む asp.net ページがあります。ユーザーが短い参照コードをテキスト ボックスに入力し、オートコンプリートによって返された一致するコードのリストから選択できるように設定されています。

「選択」で、JQuery を使用してサーバーを呼び出します。私は現在 $.get here... を使用しています。 $.get のコールバック関数は「成功」をチェックし、選択したアイテムに関する情報を含む単純なモーダル ダイアログを表示します。

ここにロードされる情報のビットの 1 つは JQuery TABS セットアップであるため、simplemodal の onShow 関数を使用して、simplemodal 内にあるタブを開始します。

今私の問題の核心に。同じページで複数の連続した「オートコンプリート」を実行すると、すべて正常に動作します。simplemodal のタブで別のタブを選択していない限り....別のタブを選択した場合は、simplemodal を閉じてから、別のオートコンプリートを実行します。 「閉じた」モーダルにあった「古い」選択されたタブで何かをしているセレクターに関連していると思われる JQuery エラー。

どこかである種のクリアダウン/初期化が明らかに欠けていますが、それが何であるかを見つけることができません。ヘルプ？

上記のコードのモーダル呼び出しの前に「tabs.destroy」を試しましたが、示されているように $.ready() 呼び出しも試しました....

更新: 選択したタブの ID をアドレスバーの URL に追加する JQuery タブと関係がありますか?

simplemodal 内から onclose をキャッチできませんでした。私はjQueryが初めてなので、できれば手を貸してください...

動作しますが、モーダル ダイアログが閉じられるたびに JavaScript 関数を呼び出したいと思います。updateTable(); と言うと、どのようにアタッチしますか? クローズイベントに??

私はもう試した

<a href="" onclick="$(this).modal({onClose: alert(1);$.modal.close();}).open();"

そして、これのすべてのばかげたバリエーションですが、サンプルページのネストされた関数を正直に見ると、めまいがするだけでした（2番目の例にもhrefがありますが、ここに投稿できません）...

ColorBoxを使用して、「はい」をクリックするまでフォームの送信を中断できる「オーバーライドの確認」モーダル ダイアログを作成するにはどうすればよいですか。

Simple Modalにも同様の機能がありますが、私は colorbox の実装とドキュメントを好みます。それ以外の場合は、後者を使用します。

simplemodal alert div は印刷可能である必要があります。ほとんどの場合、コンテンツ自体はページにうまく収まるはずですが、印刷 css の配置をオーバーライドして、印刷用に上部/左側をフラッシュして右側が切り取られないようにすることはできません。

#simplemodal-container を印刷CSSで変更して、配置以外のすべてを変更できるようです。絶対に配置して、すべてのパディングとマージンをオフにしようとしましたが、何も機能しません。画面バージョンと同様に、まだ中央に表示されます。

media="print" でこれをオーバーライドする方法を知っている人はいますか?

jQuery SimpleModal Confirm を使用して、フォームが送信されたときにはい/いいえの確認を表示しようとしています。

ここのデモ(リストの最後) を次のように変更して、フォームの送信をキャッチしてブロックしました。

ただし、これは jQuery 1.2.6 でのみ機能するようで、最近 1.3.2 にアップグレードすると、[はい] をクリックするとフォームが送信されなくなります。

ただし、コードの何が間違っているか、互換性がないかを判断することはできません。デモ (単純な window.href 実装で、両方のバージョンで動作します)。

このプラグインが「確認」を上書きするように「アラート」メッセージを上書きすることは可能ですか？