1

私は jQuery の操作に慣れていませんが、easyslider を使用して自分の Web サイトにいくつかの写真を表示することを考えました。問題は、このエラーが発生することです: $("#slider").easySlider は関数ではありません。ページを単独で開いても問題はないため、何を間違ったのかわかりませんが、他のファイルとの間でファイルを戻すことはできません。これが私のコードです:

    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/easySlider1.7.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){   
            $("#slider").easySlider({
                auto: true, 
                continuous: true
            });
        }); 
    </script>

<div class="block">
    <div class="m950 flb">  

<div id="slider" style="position:relative; width:947px; height:615px; left:-20px;  top:-3px; overflow:hidden;">
<ul>                
                <li><img src="/images/slideshow/1.jpg" /></li>
        <li><img src="/images/slideshow/2.jpg" /></li>
        <li><img src="/images/slideshow/3.jpg" /></li>
        <li><img src="/images/slideshow/4.jpg" /></li>
        <li><img src="/images/slideshow/5.jpg" /></li>
                <li><img src="/images/slideshow/6.jpg" /></li>
        <li><img src="/images/slideshow/7.jpg" /></li>
        <li><img src="/images/slideshow/8.jpg" /></li>
        <li><img src="/images/slideshow/9.jpg" /></li>
        <li><img src="/images/slideshow/10.jpg" /></li>

</ul>
</div>



</div>
</div>

私はこの問題に頭を悩ませてきたので、誰かがそれを機能させるために何ができるか知っていますか?

よろしくお願いします！

4

3 に答える 3

1

ファイルを移動していて、javascript ファイルへの参照パスが壊れているようです。

ページを単独で開いた場合は問題ありませんが、ファイルを他のファイルの間に戻すと機能しません。

ページのソースを表示して JavaScript ファイルへのリンクをクリックすると、ロードされますか? そうでない場合は、パスが間違っています。ディレクトリ構造に関する詳細情報を投稿すると、誰かがそれを手伝ってくれるかもしれません。または、相対パスの代わりに完全パスを使用することもできます。

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider1.7.js"></script>
<script type="text/javascript" src="http://mysite.com/js/jquery.js"></script>
<script type="text/javascript" src="http://mysite.com/js/easySlider1.7.js"></script>
于 2011-12-21T15:30:05.623 に答える
1

これを試して：

 <script type="text/javascript">
( function($) {
    // we can now rely on $ within the safety of our “bodyguard” function
    $(document).ready( function() { 
            $("#slider").easySlider({
                auto: true, 
                continuous: true
            });
              } );
} ) ( jQuery );

</script>

それはそれを回避する方法です。

于 2011-12-22T08:12:03.917 に答える
0

表示したページをメイン ページに追加するときに、jQuery を 2 回読み込んでいる可能性があります。セクションにjqueryがロードされていないことを再確認してください<head>。

これが発生した場合は、読み込みを 1 か所だけに留めます。つまり、スライダーがこの特定のページでのみ必要で、jQuery がアプリケーション全体で必要な場合は、jQuery の読み込みを維持し、<head>easySlider の読み込みをそのページに残します。(ただし、jquery を一度だけロードすることを忘れないでください!)

于 2011-12-21T15:43:37.620 に答える