CakePHP 2$this->;Html->;脚本顺序


CakePHP 2 $this->Html->script order

我试图将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')?>