如何在CakePHP中加载javascript?
我是CakePHP新手,目前在一个需要bxsldier的网站上工作。 我使用以下代码导入了脚本:如何在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
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');