Jhtml :: kolejność skryptów - jak przełożyć do momentu załadowania jQuery?

Używam JHtml::scriptdo dodawania skryptów do moich stron w niestandardowym module. Jednak te skrypty są wstrzykiwane do głowy, zanim J3 doda w jQuery - na przykład:

<!-- my module js -->
<script src="/modules/mod_tiles/js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="/modules/mod_tiles/js/jquery.hoverintent.min.js" type="text/javascript"></script>
<script src="/modules/mod_tiles/js/mod_tiles.js" type="text/javascript"></script>
<!-- then joomla loads jQuery --->
<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
<script src="/media/jui/js/jquery.min.js" type="text/javascript"></script>

Jak zmusić Joomla do ładowania jQuery przed innymi skryptami?

Powinieneś zadzwonić

JHtml::_('jquery.framework');

przed drugim skryptem JHtml ::. AFAIK zapewnia to, że jQuery jest ładowany jako pierwszy.

jeśli poprawnie odczytam twoje pytanie, rozwijasz swój własny moduł.

Spróbuj tego w default.php - widok modułu (w „tmpl”):

JHtml::stylesheet('modules/'.$module->module.'/assets/css/yourfile.css');

JHtml::script('modules/'.$module->module.'/assets/js/yourscript.js');

Albo to :

JHtml::_('stylesheet', 'modules/'.$module->module.'/assets/css/anotherfile.css');

JHtml::_('script', 'modules/'.$module->module.'/assets/js/othercript.js');

W obu przypadkach pliki JS powinny zostać wstrzyknięte po jQuery, pod warunkiem, że utworzono folder „zasób” oraz folder „css” i „js”.

Drugie rozwiązanie jest bardziej zgodne z API Joomla 3.XX.

Mam nadzieję, że to pomoże.

Wpadłem na ten problem w zeszłym tygodniu i był on związany z tym, gdzie wywoływałem JHtml :: script. Czy robisz to w swoim widoku lub szablonie widoku? Jeśli spróbujesz dodać skrypty do samego widoku (views / yourview / view.html.php), zostaną one wstawione przed własnymi skryptami Joomla !, ale jeśli dodasz skrypty do szablonu (views / yourview / tmpl / default.php) zostaną wstawione po skryptach Joomla!

Powodzenia!

Wynika to prawdopodobnie z metody, którą programista mod_tileszastosował do zaimportowania skryptów. Zakładam, że w tej sytuacji nie trzymali się standardów kodowania Joomla.

Masz 2 opcje (o których mogę myśleć):

1. Jeśli skrypty są importowane z pliku w folderze tmpl w module, możesz wykonać zastąpienie szablonu i zmienić sposób importowania skryptu, używając JHtml.
2. Możesz pobrać i zainstalować jQuery Easy, która jest wtyczką, która importuje jQuery i umieszcza ją ponad wszystkimi innymi skryptami.

Mam nadzieję że to pomoże

Chciałem dodać moje dwa bity po fakcie. Mam kilka skryptów i arkuszy stylów, które należy załadować dla każdego widoku, który mamy w komponencie, i chciałem, żeby to miało miejsce, zapewniając, że zostaną załadowane we właściwej kolejności.

W pliku components\myComponent\mycomponent.php:

defined('_JEXEC') or die;

// Include dependancies
jimport('joomla.application.component.controller');

JHtml::stylesheet('http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', array(), true);
JHtml::stylesheet('components/com_mycomponent/assets/css/mycomponent.css');

JHtml::_('jquery.framework');   // Make sure jQuery is loaded before component JS
JHtml::script( 'components/mycomponent/assets/js/jquery.cookie.js');

// Execute the task.
$controller = JControllerLegacy::getInstance('Mycomponent');
$controller->execute(JFactory::getApplication()->input->get('task'));
$controller->redirect();

Wiem, że to stary temat, ale czy kiedykolwiek doszedłeś do sedna? Właśnie spotkałem ten sam problem. Zidentyfikowałem przyczynę, ale nie problem / rozwiązanie; Mam podstępne podejrzenie, że to BŁĄD, ale mógłbym to zrobić z kimś innym, kto to wypróbuje.

Scenariusz: Utworzyłeś moduł zawierający skrypt zależny od jQuery, więc w widoku default.php używasz następujących elementów:

$doc = JFactory::getDocument();
$doc->addScript("media/mod_accordion/js/accordion.js");

Następnie zainstaluj moduł i nadaj mu pozycję modułu, powiedzmy „w lewo”. Gdy spojrzysz na kod źródłowy interfejsu, wszystko wygląda dobrze, wszystkie skrypty ładują się po skryptach, które są w nim zawarte

JHtml::_('bootstrap.framework');

JEDNAK jeśli nadasz modułowi „akordeon” i użyjesz funkcji loadposition joomla, aby dodać moduł do artykułu

{loadposition accordion}

następnie akordeon.js zostanie dodany PRZED plikami bootstrap.framework.

Jedynym sposobem, w jaki udało mi się go zatrzymać, jest dodanie skryptu jako skryptu wbudowanego, a nie włączenie go do głowy.

EDYCJA: to samo dotyczy css; jest dodawany na początku listy deklaracji css (przed szablonem i plikami css bootstrap). Zaletą tego jest dodanie! Ważne do deklaracji css.