0

私は CakePHP を始めたばかりで、現在、一部に bxsldier が必要な Web サイトで作業しています。次のコードでスクリプトをインポートしました。

echo $this->Html->script('http://code.jquery.com/jquery-1.9.1.min.js');
    echo $this->Html->script('http://code.jquery.com/jquery-migrate- 1.1.1.min.js');
    echo $this->Html->script('jquery-1.9.0.min');
    echo $this->Html->script('jquery');
    echo $this->Html->script('bootstrap');
    echo $this->Html->script('jquery.nivo.slider');
    echo $this->Html->script('jquery.bxslider');
    echo $this->Html->script('site');

スクリプト: $(document).ready(function(){

      $('.bxslider').bxSlider({
            minSlides: 1,
            maxSlides: 4,
            slideWidth: 239,
            slideMargin: 0,
            pager: false
      });
                    });

そしてHTML：

<ul class="bxslider">
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem  laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
          <li>
            <div class="bxImg">
                <?php echo $this->Html->image('test-pic.png'); ?>
            </div>
            <div>
                <span>"</span>Porttitor pulvinar, odio, voluptatem laboriosam, ornare, eius ab neque saepe, platea aut dolore, mus. Eligendi aliquip!
            </div>
            <div class="bxPerson">
                By Thomas Longbottom
            </div>
          </li>
        </ul>

その結果、コンテンツは読み込まれますが、スクリプトは実行されません。それを実行する方法について何か提案はありますか？

4

2 に答える 2

1

最初に修正するのは次のとおりです。

echo $this->Html->script('http://code.jquery.com/jquery-migrate- 1.1.1.min.js');

「移行」の後にスペースがありますが、そうではありません。代わりに次のものが必要です。

echo $this->Html->script('http://code.jquery.com/jquery-migrate-1.1.1.min.js');

また、複数のバージョンの jQuery を使用していることにも気付きました。おそらく最新のものを 1 つだけ使用します。これらのいずれも役に立たない場合は、返信してください。さらにサポートを試みることができます。

于 2013-06-13T04:15:49.893 に答える
0

こんにちは Kooki3 私はあなたの質問を見ましたが、あなたのプログラムにはいくつかの間違いがあります。

初め：

echo $this->Html->script('http://code.jquery.com/jquery-1.9.1.min.js');
echo $this->Html->script('http://code.jquery.com/jquery-migrate- 1.1.1.min.js');
echo $this->Html->script('jquery-1.9.0.min');

解決策 - 少なくとも 1 つの jquery min ファイルを使用してください。複数の jquery min ファイルを配置すると、jquery が競合します。

2番：

あなたのjquery minファイルに正しいリンクを付けてください。

echo $this->Html->script('http://code.jquery.com/jquery-migrate- 1.1.1.min.js');

解決策-「migrate-」の後にスペースを削除します

使用するecho $this->Html->script('http://code.jquery.com/jquery-1.9.1.min.js');

1 つのプロジェクトで複数の jquery min ファイルを使用しないでください。

常に最新の jquery min ファイルを使用します。 http://jquery.com/download/

于 2013-06-13T05:10:46.043 に答える