jquery - 関数へのアクセスが一貫していないjQuery要素

Question

私は、この気の利いた組み込みのスライドショー スクリプトに付属しているオーチャード CMS Contoso テーマを使用しています。

<p>
    <script type="text/javascript" src="/Themes/Contoso/Scripts/easySlider.js"></script>
    <script type="text/javascript">
        // <![CDATA[
        $(document).ready(function () {
            $("#slider").easySlider({
                prevText: '',
                nextText: '',
                speed: '1600',
            });
        });
        // ]]>
    </script>
</p>
<div id="slider">
    <ul>
        <li><img src="~~~~~" alt="~~~~~" /></li>
        <li><img src="~~~~~" alt="~~~~~" /></li>
        <li><img src="~~~~~" alt="~~~~~" /></li>
    </ul>
</div>

ソース

ただし、このマークアップを別のページにコピーすると (ページの別の部分に配置したい)、キャッチされない「オブジェクト [オブジェクト オブジェクト] にはメソッド 'easySlider' がありません」という例外が発生します。

どちらのページも同じソース ファイルにアクセスできますが、異なるラッピング要素 (CSS クラスが添付されている) が問題になる可能性はありますか? ドキュメントには表示されませんが、他に何が問題を引き起こしているのかわかりません。

これは、Site.css 内の関連する CSS です (両方のページに適用されます)。

#slider ul, #slider li {
    margin:0;
    padding:0;
    list-style:none;
}
#slider, #slider li { 
    /* 
        define width and height of container element and list item (slide)
        list items must be the same size as the slider area
    */ 
    width:471px;
    height:319px;
    overflow:hidden; 
}