如何在 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，其中討論了腳本的排序。

重要的是要記住他們沒有提到的是你的視圖腳本在布局之前被渲染。