Как правильно загрузить jQuery & Bootstrap в Joomla?

Question

Я создаю форму, которая использует jquery и bootstrap в backend joomla, однако я получаю сообщение об ошибке.

Вот код Joomla:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<?php 
if (version_compare(PHP_VERSION, '5.3.10', '<')) 
{ 
    die('Your host needs to use PHP 5.3.10 or higher to run this version of Joomla!'); 
} 

define('_JEXEC', 1); 

if (file_exists(__DIR__ . '/defines.php')) 
{ 
    include_once __DIR__ . '/defines.php'; 
} 


if (!defined('_JDEFINES')) 
{ 
    define('JPATH_BASE', __DIR__); 
    require_once JPATH_BASE . '/includes/defines.php'; 
} 

require_once JPATH_BASE . '/includes/framework.php'; 


JDEBUG ? $_PROFILER->mark('afterLoad') : null; 

$app = JFactory::getApplication('site'); 

$app->execute(); 
?> 

Вот мой Javascript код, который я хотел бы добавить: Joomla

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<script src="./send_resume/pmc_resume_js.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".carouselrow").html(""); 
    $(".messagerow").html(""); 
    $(".contentrow").html("<div class='row'><div class='col-lg-2'></div><div style='background-color:white' id='resume_forms' class='col-lg-9'></div><div class='col-lg-1'></div></div>"); 
    $("#resume_forms").load("./pmc_resume_forms.php","",""); 
    if($("#resume_forms").html()==""){ 
     $("#resume_forms").load(./pmc_resume_forms.php","",""); 
} 
    $(".contentrow").css("background-color", "#F0F4F7"); 
    $(".breadcrumbs").html("<span class='showHere'>You are here: </span><span>Career</span></div>"); 
    $("title").html("Career"); 

}); 
</script> 

Когда я не добавить библиотеку Jquery в начале кода tmy, всплывающее окно всплывающего окна не работает.

Когда я добавляю файл jquery в начало моего кода и не добавляю файл jquery в начале моего кода javascript, выпадающий навигатор работал правильно, но мой код javascript не работал.

Когда я добавил файл библиотеки jquery в оба места, мой код javascript отлично работает, но меню навигации не работает.

Как я могу это решить? спасибо ...

Answer 1

С Joomla Docs:

Bootstrap:

Чтобы включить рамки Bootstrap, вызовите JHTML :: _ ('bootstrap.framework'). Это автоматически активирует фреймворк jQuery в режиме noConflict (т.е. через jQuery вместо из $.). В состав библиотеки Bootstrap входит версия 2.1.0 и находится на media/jui/bootstrap.js. Он включает в себя методы для инициализации Bootstrap affix, alert, button, carousel, collapse, dropdown, modal, всплывающие подсказки, popover, scrollspy, tab и typeahead.

ПРИМЕЧАНИЕ. Существует известная несовместимость между кнопкой загрузки и jquery-ui-button. Использование обеих страниц на одной странице может привести к конфликтам. См. [1] для возможного обходного пути.

JQuery:

Для того, чтобы загрузить JQuery, используйте JHTML :: _ ('jquery.framework');

Это загрузит библиотеку jQuery версии 1.11.1 без конфликтов. Это означает, что он доступен через пространство имен jQuery, а не через $.

Чтобы загрузить его в нормальном режиме, вызовите JHtml :: _ ('jquery.рамки ", ложные);

Как загрузить JavaScript & CSS файлов в Joomla:

Правильный путь Joomla, чтобы загрузить Javascript и CSS файлы будет JHtml::script('path-to-file'); и JHtml::stylesheet('path-to-stylesheet');

Docpage: http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page

нагрузки a Сценарий:

JHTML :: Сценарий Ниже сигнатуру этой функции, вы можете больше на JHTML :: сценарий на api.joomla.org:

сценария (строка файла $, $ булевой рамки = False, логическое значение $ относительно = ложно, логический значение $ path_only = ложь, логическое значение $ detect_browser = верно, булева $ detect_debug = истина): смешанный

Пример сценарий:

<?php 
JHtml::script(JUri::base() . 'templates/custom/js/sample.js', true); 
?> 

использовать плагин

Хороший Joomla плагин для загрузки JQuery является jQuery Easy