如何在CakePHP中加载javascript?

如何在CakePHP中加载javascript?,javascript,cakephp,bxslider,Javascript,Cakephp,Bxslider,我是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->scri

我是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');
脚本: $(文档).ready(函数(){

以及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>
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
  • “波尔维纳尔港、奥迪奥港、沃鲁帕塔特姆实验室、奥纳雷港、埃尤斯·阿内克·塞佩港、奥特·多洛雷港、埃利根迪·阿利基普博物馆! 托马斯·朗巴顿
结果是加载了内容,但脚本没有运行。
关于如何使其运行的任何建议?

首先要解决的问题是:

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。我只会使用一个版本,可能是最新的版本。如果没有任何帮助,请发回,我们可以尝试进一步帮助。

你好,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文件。

@a_santiago嗨,很抱歉这是一个打字错误><我检查了脚本没问题,我试着只使用这3个js-jquery-1.9.0-min.js-jquery.bxslider.js-site.js,它仍然给了我同样的结果。嘿,你有没有用类似
$(document.ready)的东西来测试jquery运行是否没有问题
在文档中的某个地方?是的,我使用布局来控制所有页面视图。jquery在每个页面中都可以工作。您好,我下载了最新的jquery,它是v1.10.1(不是min),并且只与jquery.bxslider.js和jquery-migrate-1.1.1.min一起使用。结果仍然相同。
echo $this->Html->script('http://code.jquery.com/jquery-migrate- 1.1.1.min.js');