0

モーダルポップアップウィンドウ（外部のhtmlファイルを含む）をロードするjQueryプラグイン（カラーボックス）が1つあります。<-それ自体で完全に機能します。divのカスタムスクロールバーをロードする別のjQueryプラグイン（jScrollPane）があります。<-それ自体も完全に機能します。どちらにもJSコンポーネントとCSSコンポーネントがあります。

これまでの私のプロセス：

  1. 永遠のhtml（ポップアップ）からスクロールバーjQueryとCSSをロードして初期化しようとしましたが、divが消えました。
  2. 次に、親ウィンドウにスクロールバーjQueryをロードし、カラーボックスコールバックで初期化しようとしました...今回はdivは消えませんでしたが、スクロールバーと矢印（OS標準の矢印も）は消えました。
  3. 最後に、スクロールバーのCSSを<style>タグに入れて、永遠のhtmlファイルの<body>タグの中に押し込みました。これはすべての主要なブラウザで機能しますが、ポップアップウィンドウを終了することはできません。Arg！

だから私の質問は、動的にロードされたコンテンツで初期化するためにjQueryプラグインとそのCSSファイルをどのように取得するかということだと思います。何がどこに行きますか（jQueryライブラリ自体を含む）？

ありがとう！

4

2 に答える 2

0

「window.open」タイプのポップアップを使用している場合は、少し単純にして、外部のhtmlファイルをプルするJQueryUIダイアログボックスがコンテンツであるため、ページに表示してDIVにロードします。一般的なページコンテキスト内でアクセス可能で、JQueryとCSSも継承します。これの単純な形式は次のようになります。

$("#id").load(url).dialog();

ここで、＃idは非表示でダイアログデータを含むDIVであり、URLはポップアップ内のhtmlファイルへの外部URLです。

于 2010-06-29T02:41:05.303 に答える
0

解決策を見つけました...

私の質問は、特にカラーボックス（jQueryライトボックスプラグイン）とjScrollPane（jQueryカスタムスクロールバープラグイン）の統合に関するものでした。カラーボックスを使用してコンテンツをロードするためのajax呼び出しは機能しましたが、必要なものがロードされなかったため、jScrollPaneを開始できませんでした（ajax呼び出しがheadタグから情報を取得しなかったため）。

他のStackOverflowersが同様の問題に遭遇した場合、これは私がそれを解決するために行ったことです。ajax呼び出しの代わりにiframeを使用しました。おっと。当たり前。

bodyカラーボックスがタグからのみ情報を取得する唯一のプラグインであるかどうかはわかりませんがhead、外部ファイルを操作するときに多くのプラグインがこのように機能すると思います。これが問題である場合は、iframeを使用して、headタグ内のデータがプルされていることを確認してください。

Stack Overflowに感謝します！私はまだあなたを愛しています。

于 2010-06-29T06:36:37.937 に答える