1

私が使用している CMS (Liferay) は、多くのことを行うために jQuery に依存しています。

最近、 fancyboxを使用してサイトに新しい機能を追加したところ、ページ上の他のすべての jQuery 機能が壊れていることがわかりました。fancybox に使用する最初の jQuery ライブラリ インポートを取り出すと、他の機能は機能しますが、fancybox は機能しません。問題のコードは次のとおりです。

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

jQuery.noConflict(); を追加してみました。コードのさまざまな部分に影響を与えましたが、役に立ちませんでした。これが正しい解決策であるべきだと思いますが、どこに置くべきか正確にはわかりません。ファンシーボックスの機能を維持しながら、誰かが別の可能な解決策を持っていない限り。私はこれでしばらく立ち往生しており、次に何を試すべきか途方に暮れています。

前もってありがとう、ノア

編集: ページ ソース コードのペーストビンは次のとおりです: http://pastebin.com/NA5WKrMW#。行 81 は、fancybox の目的で jQuery のインポートを試みている場所です。

4

1 に答える 1

1

noConflictscript タグの後に rightを追加する必要があります。

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
    var jQuery_latest = $.noConflict(true);
</script>

編集：

正しいjQueryを使用してfancyboxを初期化していることを確認してください:

jQuery_latest(document).ready(function() {
    jQuery_latest(your_element_here).fancybox();
});
于 2013-10-17T15:27:03.337 に答える