0

我是 CakePHP 的新手,目前在一个需要 bxsldier 的网站工作。我使用以下代码导入脚本:

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。我只会使用一个,也许是最新的一个。如果这些都没有帮助,请回帖,我们可以尝试进一步提供帮助。

于 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');

解决方案- 请使用至少一个 jquery min 文件。如果您放置了多个 jquery min 文件,它将与您的 jquery 发生冲突。

第二:

在您的 jquery min 文件上提供正确的链接。

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

解决方案-“迁移-”后删除空间

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

不要在一个项目中使用多个 jquery min 文件。

始终使用最新的 jquery min 文件。 http://jquery.com/download/

于 2013-06-13T05:10:46.043 回答