如何在 zend 框架中附加脚本文件

Question

我的布局放在 layout/scripts/layout.phtml 里面我已经把下面的代码放在 layout.phtml 的 head 部分

<?php
print $this->headScript()->appendFile($this->baseUrl().'/js/jquery-1.7.2.min.js')
                         ->appendFile($this->baseUrl().'/js/simpla.jquery.configuration.js');
?>

现在我想从视图中附加另一个 javascript 文件。 为此，我编写了以下代码：

 $this->headScript()->appendFile($this->baseUrl().'js/fancybox/jquery.fancybox-1.3.4.pack.js');

虽然这附加了文件，但它出现在我的 jquery-1.7.2.min.js 之前。 我想要的是我想在我的 jquery-1.7.2.min.js 下面添加 jquery.fancybox-1.3.4.pack.js 我该怎么做？

Answer 1

您的视图脚本在布局之前呈现，因此布局中对appendFile()的调用导致这些脚本（jquery-1.7.2 和 simpla.jquery）被附加在您在视图脚本中附加的脚本之后。

要解决此问题，请至少在主 jQuery 脚本的布局中使用prependFile() 。

您的布局可能如下所示：

<?php
print $this->headScript()
           ->appendFile($this->baseUrl().'/js/simpla.jquery.configuration.js')
           ->prependFile($this->baseUrl().'/js/jquery-1.7.2.min.js');

无需更改视图脚本，这很好。

请参阅HeadScript Helper Example #23，其中讨论了脚本的排序。

重要的是要记住他们没有提到的是你的视图脚本在布局之前被渲染。