問題タブ [facebox]

言うまでもなく、これはChrome、Firefox、Safariで完全に機能します。IE（任意のバージョン）が問題です。

目的： FaceboxポップアップでS3からFLVをロードするJWplayerをロードしようとしています。

HTML（haml）：

問題：

1. ビデオが表示するように設定されているにもかかわらず：なし;。とにかく再生を開始します。
2. アクティベーションdivをクリックすると、IE7はnavを含む間違ったサイズの空白のdivをポップアップし（パラメーターはnavとscrubberを表示しないように設定されています）、navとsrubberのボタンは機能しません。IE8は正しいサイズを示していますが、ナビゲーションとスクラバーが機能せず、画面が空白の場合と同じ動作を示します。

私の推測：
問題は、JavaScriptが適切なタイミングで呼び出されないことにあると考えています。jwplayerなしでフェイスボックスをロードしているようです。少なくとも私は推測します。したがって、ナビゲーションがそこにある理由。そのためのJavaScriptを読まなかったと思います。

ページの 1 つでフェイスボックス ポップアップを使用しています。ポップアップダイアログにボタンがあります。そのボタンをクリックすると、フェイスボックスのポップアップが閉じます (ポップアップの外側を押すと閉じます)。どうやってするか？

また、そのボタンが押されているときにいくつかの Ajax を実行しているため、onClick イベントをオーバーライドできません。

ページに一連のリンクがあり、リンクが押されるたびに素敵なポップアップが表示されるように、facebox jQuery 機能を添付しました。

以下は、「facebox」に使用するスクリプトです。

上記は正常に動作しています。しかし、AJAX 呼び出しに応答して再度レンダリングすると、機能が失われます。つまり、リンクをクリックすると、facebox ポップアップではなくページにリダイレクトされます。

再描画するときに何かをする必要があることはわかっています。誰かが私を正しい方向に向けることができますか?

編集:このようにコントローラーでパーシャルレンダリングを行っています。

これはフェイスボックスのポップアップコンテンツです

これがコントローラー方式です

これは部分的なものです（_grid_item.html.erb）

これはメインページで使用されるスクリプトです

このレンダリングが完了したら、javascriptを呼び出したいと思います。どうやってするか？ビューからform_remote_tagを使用しています。

部分レンダリングはAjaxコンテキストで行われ、ページのリロードは発生しません。form_remote_tagには、javascriptを呼び出すことができる：successメソッドがあります。残念ながら、successメソッドに入れたjavascriptは、レンダリングが行われる前に「呼び出されます」。ただし、レンダリングが完了した後、JavaScriptを呼び出す必要があります。

質問に明確にするためにアラートメッセージを入れただけです。実際、レンダリングしているDIV要素でfacebox（）メソッドを呼び出しています。facebox（）（jQueryの）メソッドは、レンダリングされた後でDIV要素に適用する必要があります。そうしないと、効果がなくなります。

編集：完全なコードを追加しました。ご覧のとおり、Ajaxが戻ったら、javascriptメソッドhandle_successを呼び出しています。（パーシャル内に：successメソッドを入れたことをお詫びします）。handle_successは、実際のレンダリングが完了する前に呼び出されます。それは「完了後」でなければなりません

これを行う方法は完全にはわかりませんが、Faceboxが完全に機能することに気付きましたが、Faceboxを使用してムービー、FLVプレーヤー、JWplayerがまだ完全にロードされておらず、エラーが発生します。そこで、Faceboxの前にJWplayer（FLVプレーヤー）をロードしたいと思います。

Faceboxはこれを埋め込みコードとして提供します。そして、彼らはあなたがそれに議論を渡すこともできると説明しています。

FLVプレーヤーの埋め込みコードは次のとおりです。

埋め込みコードをコピーしてFaceboxの（）に貼り付けてみました。しかし、構文エラーが返されました。何か案は？

特定の条件が満たされたときに要素をクリックすると、facebox リンクを表示したい。条件が満たされない場合、ユーザーにクリックしてほしくありません。私はそれを達成するためにこのようなことをしていますが、これはかなり醜いです

</a>条件が満たされない場合に HTML に入らないように、if 条件を配置する必要があることに注意してください。これは見栄えが悪いです。これを行うためのより良い方法を提案できますか?

link_to_if有望ですが、私の場合はたまたま大きいパラメーターにリンク表示テキストを入れてほしいと思っています<div>。

faceboxモーダル内のコンテンツを条件付きで設定する必要があるフォームに取り組んでいます。以下のサンプル コードを作成しました。各リンクをクリックすると、facebox モーダル (開かれる) を開く必要があります。このモーダルでは、テキストボックスがあります。テキストボックスに、モーダルを開いたアンカーのテキストに等しい値が自動的に入力されるようにします。つまり、最初のハイパーリンクをクリックすると、テキストボックスに「Field1」が入力され、2番目にクリックすると、テキストボックスに「Field2」値が入力されます。サンプルコードは次のとおりです。

私が今行っている 1 つのアプローチは、偽のアンカーを作成し、そのクリック イベントをトリガーしてモーダルを開くことです。

私よりも堅牢なソリューションを探しています。

こんにちは、facebox プラグインを使用して iframe リンクを表示しています。閉じるボタンのスタイルを変更したい。一番上に表示したいのですが、CSSの部分を手伝ってください。Faceboxをドラッグ可能にしたいのですが、それは可能ですか..

ありがとう

基本的なフォーム投稿を実行しようとしていますが、Chrome と Safari では次のようにサーバーに 2 回送信されます (ただし、Firefox では期待どおりに動作します)。

属性を使用して送信前にフィールドの検証を実行したいのonsubmitですが、戻り値がtrueである場合、フォームは 2 回送信されます。

jQuery ハンドラーをフォームにバインドしようとしましたが、ここでもデフォルトの動作が妨げられず、フォームが 2 回送信されます。

新鮮な目で見ると、ここには目がくらむほど明らかな問題があると思いますが、検証の有無にかかわらず、提出がChromeとSafariのサーバーに重複して投稿される理由を非常に混乱させています. どんな洞察にも感謝します。

私はfacebox 1.1を使用しています.rel = faceboxでアンカータグをクリックする代わりに、本文が読み込まれるときにfaceboxが読み込まれるようにします。

誰でもそれを達成する方法を教えてもらえますか?