0

ページでカスタム スクロールとアコーディオンを使用していますが、両方のプラグインのスクリプトをページに配置すると、tat のいずれかが機能しません。両方をマージしようとしましたが、まだ機能していません。

これが各プラグインの私のスクリプトです

カスタムスクロール用

<script type="text/javascript" src="js/jquery.min1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
 <script type="text/javascript">
        $(document).ready(function(){
            $('#scrollbar1').tinyscrollbar();   
             $('#maintab').tabs();              
        });
    </script>

アコーディオン用

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/accordion.js"></script>
<script type="text/javascript">
jQuery().ready(function(){  
    // applying the settings
    jQuery('.theMenu').Accordion({
        active: 'h3.selected',
        header: 'h3.head',
        alwaysOpen: false,
        animated: true,
        showSpeed: 400,
        hideSpeed: 800
    });
}); 
</script>
4

1 に答える 1

0

2 つの Jquery ライブラリを使用しています。すべてのスクリプトの先頭に 1 つだけ (最新のもの) を使用して、コードを次のようにする必要があります。

<script type="text/javascript" src="js/jquery.min1.7.2.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>

または、この投稿を参照してください: 2 つ以上の jquery ライブラリを含める

上記の投稿からの抜粋:

<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<!-- other scripts that depend on 1.7.2 --->
<script>
    var $.1.7.2 = $.noConflict(true);
</script>

<script src="http://code.jquery.com/jquery-1.2.6.js"></script>
<!-- other scripts that depend on 1.2.6 --->
<script>
    var $.1.2.6 = $.noConflict(true);
</script>

多くの JavaScript ライブラリは、jQuery と同様に $ を関数または変数名として使用します。jQuery の場合、$ は単なる jQuery のエイリアスであるため、` を使用しなくてもすべての機能を利用できます。jQuery と一緒に別の JavaScript ライブラリを使用する必要がある場合は、$.noConflict() を呼び出して、$ の制御を他のライブラリに戻すことができます。

関連項目: jQuery.noConflict

于 2012-07-24T09:00:50.983 に答える