0

私の友人は、slimboxを使用しているページにエラーがある彼女のサイトを調べるように頼まれました-無関係のJqueryトグル関数が壊れています-コードは次のとおりです。

$(function() {
    $(".cat_nav dd").hide();
    $(".cat_nav dt").click(function() {
        $(this).next().toggle();
        return false;
    });
});

このコードは、slimboxスクリプトとmootoolsスクリプトが存在しない場合は正常に機能しますが、これらのスクリプトのいずれかをロードすると、dt要素が非表示にならず、それぞれddの要素をクリックしても非表示に切り替わりません。SafariのJSコンソールからのエラーメッセージは次のとおりです。

TypeError: Result of expression '$(".cat_nav dd")' [null] is not an object.

このエラーは、次のように、slimboxまたはmootoolsをロードするページでのみ表示されます。

<script type="text/javascript" src="/js/mootools.js" charset="utf-8"></script>
<script type="text/javascript" src="/js/slimbox.js" charset="utf-8"></script>

Slimboxと互換性のあるこれを作成する方法はありますか？彼女はslimboxを使用して、この機能を使用する一部のページにギャラリーを表示しています。

4

2 に答える 2

3

この記事は役に立ちます。基本的に、jQuery 関数を呼び出すには、呼び出しnoConflictて使用する必要があります。jQuery()

于 2009-08-28T02:55:07.383 に答える
1

このエラーは、mootoolsの関数が CSS セレクターではなく要素 ID のみを取るため、を使用するために発生します。$(".cat_nav dd")使用する必要があります。$$(".cat_nav dd")$()

于 2010-05-11T15:05:48.037 に答える