0

私たちは Umbraco とその中でのコーディングは初めてなので、ご理解とご協力をよろしくお願いいたします。

簡単に言うと、カラーボックス ポップアップを使用してフォームを表示する「テスト」ページを作成しました。テストページでは完全に機能します。

コードを Umbraco に統合しようとすると、[Request Info] ボタンをクリックすると、フォームがフル ページで開き、カラーボックスが表示されません。

ご協力いただければ幸いです。

リンクのテスト (動作中):

http://online.saintleo.edu/Colorbox/Untitled-1.html

「情報をリクエスト」ボタン (右側の黄色) がカラーボックスではなくフルページを開くページの例:

http://online.saintleo.edu/academics/masters-programs/master-of-accounting-(macc).aspx

これをできるだけ早く解決することを望んで、私は解決策を見つけるために週末全体を費やしました。

どうぞよろしくお願いいたします。お時間とご協力をお願いいたします。

4

1 に答える 1

0

これは、Umbraco でスクリプトを実装した方法に問題があるようです。Chrome のブラウザー インスペクターを見るだけで、スクリプトがカラーボックス オブジェクトを見つけられないことがわかります。これは、何かがライブラリを利用できないことを意味します。これは通常、依存する JavaScript ライブラリが失敗したためです。

ソース コードを見ると、すべての jQuery ライブラリがページの下部に読み込まれています。これは良い方法ですが、2 つ目の jQuery ファイル参照、カラーボックス ファイル参照、およびカスタム カラーボックス コードをページの先頭に配置しました。

あなたがする必要があるいくつかのことがあります：

  • ページの先頭から jQuery 参照を削除します。
  • 他のすべての JavaScript ファイル参照の後に、カラーボックス ファイル参照をページの下部に移動します。カラーボックスの CSS ファイル参照を head に残すことができます。
  • カスタム カラーボックス コードを他のすべての JavaScript ファイル参照の後に移動します。通常、この種のコードは別のファイルに配置します。

Umbraco の実装に応じて:

  • マスターページを使用している場合は、aContentPlaceholderを使用して、テンプレートが JavaScript ファイル参照をページの下部にドロップできるようにします。
  • MVC ビューを使用している場合は、フッターsectionを使用して同じことを行います。
于 2013-08-12T08:50:19.640 に答える