問題タブ [fancybox]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
13311 参照

javascript - iFrame内のDOMReady状態の検出(jQuery)

iframeにネストされている場合とされていない場合があるドキュメントでスクリプトが実行されています。ネストされたものを検出する問題を整理しましたが、iframeの場合にDOMの準備完了状態を検出する方法がわかりません。

これが私がすでに持っているものです:

私はすでにこの投稿を読んでいますが、私の特定の質問に対する答えがわかりません。そこでの解決策を誤解している可能性があるので、遠慮なく訂正してください。


編集:これはFancyboxの問題のようです。このコード:

正しい値のアラートが表示されますが、フォーム要素がフォーカスを受け取りません。これは、DOMの準備完了状態の検出に問題がないことを示しています。私が使用しようとしていた元のスクリプトは次のとおりです。


編集2/解決策:Fancybox固有の問題であると思われるため、Fancybox固有の解決策に頼らなければなりませんでした。これらのFancyboxiframedフォームの構成に次の行を追加しました。

0 投票する
3 に答える
10426 参照

jquery - ファンシーボックスボックスの配置?

ファンシーボックスボックスの位置を変更するにはどうすればよいですか? コンテナ div 内でフロートするように配置したい...

いつもご利用いただきありがとうございます。

0 投票する
1 に答える
2148 参照

jquery - 画像と youtube 付きの Fancybox

マルチタイプオブジェクトでfancyboxを設定するには?

私はこれを持っています:

youtube は正常に動作しますが、すべての画像はフラッシュ形式になります。

タイプを削除すると、画像は正常に機能しますが、YouTube は読み込まれません。私はこれを理解しました。

リンクの$("a[href$=.jpg],a[href$=.png],a[href$=.gif]")タイプがイメージの場合、そうでない場合は swf です。

これを完璧に書く方法は?

0 投票する
9 に答える
30602 参照

jquery - FancyBox iframeはparent。$を未定義として返します(WordPressを使用)

iframe内からFancyBoxを閉じようとしていますが、parent.$常にundefinedです。これは私のiframeJavaScriptです:

との交換parent.$.fancybox.close();alert('clicked');問題なく機能します。iframeが同じドメインにあるのはparent.$なぜかわかりません。undefined

FancyBoxforWordpressプラグインでWordPress2.9.1を使用しています。

  • メインページ://server.local/web/test/index.php
  • iframeページ://server.local/web/test/wp-content/plugins/wp-test/test.htm

これらのURLの最初はメインページで、2番目はiframeページです。server.local私のホームテストサーバーです。

何か案は?役立つ場合は、ソース全体をペーストビンすることができます。

0 投票する
1 に答える
2023 参照

javascript - IE 7 および 6 で href を変更するときの Fancybox の問題

私の仕事では、fancybox のダイアログ ボックスを変更しました。

しかし今、私は巨大な障害に直面しています:
IE6 と IE7 の手付かずの動作です。fancybox が表示される場所の URL を変更する必要があります。ドキュメントには、コンテンツを追加すること以外は何も見つかりませんでしたが、ID は見つかりませんでした。だから私の質問は:どこが間違っているのですか?

$('#aAlert').cornyBox();明らかにリンクに新しいhrefを設定していないため、使用しても問題はありません。
IE8、Firefox、Chrome で動作します。ただし、IE6、IE7ではそうではありません。

0 投票する
1 に答える
3883 参照

javascript - Fancybox を使用した IE8 の jQuery の問題

私は最近、古い Web サイトを取得しました (テーブル、イメージ マップなどについて話します)。

Flash ギャラリーへの古いリンクをライトボックスにするように依頼されました。javascript: openLightbox()ギャラリーのリンク (右上隅)を使用しただけです。わかっています、わかっていますが、このサイトでは場違いではないようです。

とにかく、JavaScript ファイルの scripts.js も含めます。

  • fancybox用の jQuery および CSS ファイルが含まれています。
  • AJAX を使用して画像ファイル名の JSON を取得する
  • JSON からの画像へのリンクを含む非表示の順序付けられていないリストをページに作成します。
  • ファンシーボックス メソッドをこれらの画像にアタッチします

次に、最初のリンクで関数をopenLightbox()呼び出すだけです。click()

素敵で簡単だと思いました。Firefoxでは魅力的に機能しました。それから私の宿敵はボールをプレーしたくないと決めました。それがIE7/8です。

私は IE8 開発者ツールをしばらく使用していましたが、それを理解できませんでした。私が得ている唯一のエラーは、「v is null or not an object」です。これは、Google の CDN で縮小/パックされた jQuery コードを参照しています。明らかにそれは問題ではないので、ここで何が問題なのか誰か分かりますか?

ページへのリンクは次のとおりです: http://edgewaterterraces.com.au/

また...

どうぞよろしくお願いいたします。

アップデート

うわー、このページで動作するようです。何を与える?

0 投票する
3 に答える
653 参照

javascript - Fancybox を使用した IE8 でイメージがコンテナーからオーバーフローする

この質問への一種のフォローアップで、IE8に別の問題があります。

ギャラリーをクリックしてライトボックスが表示されると、画像が含まれている要素からはみ出しています (物事の見た目による)。

IE8
(ソース: alexanderdickson.com )

誰もこれを経験したことがありますか?もちろん、良い人たち (Firefox/Safari/etc) はそれを完璧に表示します。

これを修正するにはどうすればよいですか?

ありがとう

アップデート

新しいライトボックスを入手する必要がありますか?

0 投票する
2 に答える
542 参照

javascript - jQueryのfancyboxパックが解凍されました

誰かがどこでアンパックバージョンのを見つけることができるか知っていますJquery.fancybox-x.x.x.packか?
コードのインデントを手作業で修正して理解を深めようとしましたが、それでも少し難しいです...

0 投票する
3 に答える
4895 参照

javascript - FancyboxはIE8互換モードでjavascript「実装されていません」エラーを受け取ります

jquery.fancybox-1.2.6.jsを使用してモーダルポップアップを実行すると、互換モードに設定されている場合、IE8を除くすべてのプラットフォームで機能します。

モーダルを表示しようとすると、ページにjavascriptの「実装されていません」というエラーが表示され、モーダルがポップアップしなくなります。これは、jquery.fancybox-1.2.6.jsでエラーが発生した行番号(行207)を示し、これには次のものが含まれます。

アラートステートメントを使用して古い学校のファクトファインディングを実行しましたが、.styleは機能しているようです。これは、「実装されていない」removeExpression関数です。

誰でもこの問題を回避することができましたか?

0 投票する
24 に答える
118658 参照

jquery - jQuery - Fancybox: でもスクロールバーは欲しくない!

ここでポップアップ登録フォームにjQuery Fancyboxを使用しています

フォームを 450px x 700px のサイズで表示したいのですが、高さと幅を何に設定してもスクロールバーが表示されます。

私が間違っていることがあるはずですが、それが何であるかわかりません。ここで手を貸していただければ幸いです。ありがとう。