Как добавить JQuery на страницу Joomla 3

0

Я новичок в Joomla 3.

Я пытаюсь добавить сценарий JQuery на страницу joomla, которая работает со знаком $. В документации я обнаружил, что мне нужно добавить JHtml::_('jquery.framework', false); для этого, но он не работает.

Я пытался:

<?php 

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

?>

<div class="text">JQuery is not working</div> 

<script type=text/javascript">

$(document).ready(function(){

$('.text').text("JQUERY ROCKS!");

});
</script>

И обычный:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>    

<div class="text">JQuery is not working</div> 

<script type=text/javascript">

$(document).ready(function(){

$('.text').text("JQUERY ROCKS!");

});
</script>

Но никто не работает. Зачем?

Теги:
joomla

1 ответ

1

Проблема заключается в загрузке jQuery без режима конфликта. Joomla использует другую библиотеку JavaScript Mootools, которая также использовала символ $, поэтому она не работает. Я бы поменял ваш звонок на:

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

И вы можете либо использовать jQuery вместо $ для всех ваших методов jQuery, либо обернуть свой существующий код вокруг функции Invoke Once Invoked Function так:

(function ($) {

     // put your jQuery code here that used $

})(jQuery);
  • 0
    Спасибо, я хотел бы использовать знак $, так как у меня есть приложение с большим количеством JQuery, которое использует $. Я попробовал ваше предложение, но все равно оно не работает.
  • 0
    Можете ли вы опубликовать полный переработанный код?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню