joomla 3.x中組件前端視圖中的外部javascript文件

Question

我正在為Joomla 3.x開發自定義組件。 我將一個外部JavaScript文件添加到了函數display（）中位於\\ com_mycomponent \\ views \\ pages \\ view.html.php中的名為“ pages”的組件前端視圖中。 我在此功能中使用此代碼：

$document = JFactory::getDocument();
$document->addScript(JURI::root().'media/com_mycomponent/js/gallery.js');

當我檢查螢火蟲時，我看到文件已加載，但問題出在訂購上。 如您所見，它位於jquery.min.js之前。 我也嘗試使用相同的代碼將此文件添加到\\ com_mycomponent \\ views \\ pages \\ tmpl \\ default.php中，但是發生了相同的問題。 這是我從螢火蟲那里得到的。

<script type="text/javascript" src="http://localhost/tester3/media/com_mycomponent/js/gallery.js">
<script type="text/javascript" src="/tester3/media/jui/js/jquery.min.js">
<script type="text/javascript" src="/tester3/media/jui/js/jquery-noconflict.js">
<script type="text/javascript" src="/tester3/media/jui/js/jquery-migrate.min.js">

我感謝您的幫助。

Answer 1

我不確定100％是否可以使用JHtml方法處理訂購問題，但最好嘗試一下。 因此，替換為：

$document = JFactory::getDocument();
$document->addScript(JURI::root().'media/com_mycomponent/js/gallery.js');

有了這個：

JHtml::_('bootstrap.framework');
JHtml::_('jquery.framework');
JHtml::_('script', JUri::root() . 'media/com_mycomponent/js/gallery.js');