我试图将JS文件插入到视图中,但它们的插入顺序错误。
在我的默认.ctp中,我有这个
$this->Html->script(array(
'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',
'global'
), array('inline'=>false));
echo $this->fetch('script');
在我看来,我有这个:
$this->Html->script('jquery.fancybox.pack', array('inline' => false));
但当我查看来源时,结果是这样的:
<script type="text/javascript" src="/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="/js/global.js">
这显然是错误的顺序,所以jQuery插件无法工作。
我做错了什么?
通常,我会在布局中回显所需的脚本(而不是将它们添加到缓冲区),然后再回显脚本块(缓冲脚本)。这样可以确保每个视图所需的脚本首先得到响应。你的default.ctp看起来像这样:
// get echoed immediately
echo $this->Html->script(array(
'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',
'global'
));
// everything else from the view, echoed after
echo $this->fetch('script');
或者,您可以为前面的脚本指定一个特殊的块。
echo $this->Html->script(array(
'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',
'global'
), array('block' => 'firstScripts');
echo $this->fetch('css');
echo $this->fetch('firstScripts');
echo $this->fetch('script');
不确定您在构建当前系统上投入了多少时间,但您可以尝试使用分层资源加载器助手,而不是标准的cakeHP助手。
不幸的是,标准资源加载器无法处理不同文件之间的依赖关系,只能按照您提供的顺序加载它们(视图在布局之前解析)。
在头部使用此选项。
Html->script('jquery-1.11.1.js')?>
fetch('script')?>