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

Question

我正在尝试将 JS 文件插入到 View 中，但它们的插入顺序错误。

在我的 default.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 插件无法正常工作。

我做错了什么？

Answer 1

通常，我在布局中回显所需的脚本(而不是将它们添加到缓冲区)，然后是脚本 block (缓冲脚本)。这确保首先回显每个 View 所需的脚本。您的 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');

或者，您可以为前面的脚本指定一个特殊 block 。

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