0

私はここにウェブサイトを持っています。

付箋が機能するための適切な関数を呼び出すこのスクリプトがあります...

//Functionality for Sticky Notes 
    $(function() {
        $("#content").stickynote({
            size             : 'large',
            containment      : 'content',
            event            : 'dblclick',
            color            : '#de5900'                
            });


        $("#newsticky").stickynote({
            size             : 'large',
            containment      : 'content',
            color            : '#de5900'
            });
        });

これは javascript の反復的な部分ではありませんが、これらすべてのヘッド スクリプトを 1 つのファイルに配置しようとしています。すでにいくつかあることがわかります。ここでファイルを表示できます。

ここのインデックス ページにファイルをロードすると、スクリプトが適切に呼び出されます (jquery メニューと 2 つの異なるスライダー)。

付箋ページで同じファイルを呼び出すと、jquery メニューが正しく機能しないことに加えて、呼び出すことができません。

ページの下部 (</body>タグの前) で同じスクリプトを呼び出しています...

<!-- All DOM Ready Scripts -->
<script type="text/javascript" src="js/scripts.js"></script>

私が間違っているのかわかりません。

4

1 に答える 1

0

さらに、DOM の準備ができている場合 (つまり、ファイルの下部にスクリプトを含め、それまでにすべてのノードが DOM にある場合)、 bannerRotators$(function() { }); を配置する必要はありません。の中に$(document).ready(function() {});

コードは次のようになります。

$("#rotator1").bannerRotator({...});
$("#rotator2").bannerRotator({...});
$("#content").stickynote({...});
$("#newsticky").stickynote({...});
于 2013-08-06T22:14:21.883 に答える