jQuery.noConflict() не могу вкурить как с ним работать

p486

p486

Постоялец
Регистрация
11 Сен 2010
Сообщения
95
Реакции
0
здравствуйте!
прошу прощения я в java новенький...
подключаю в модуле joomla jQuery все контроллы работают а вот когда описываю TAB страничка сначала открывается а потом тухнет (точнее белеет) и ничего не могу сделать.

исходный код (не работает) :
Код: 
<script>
    $(document).ready(function(){
        $("#dateFromFrom").datepicker();
        $("#dateFromTo").datepicker();
        $("#dateToFrom").datepicker();
        $("#dateToTo").datepicker();
       
        $("#tabs" ).tabs();
    })(jQuery);
</script>

<!-- Tabs -->
<div id="tabs">
    <ul>
        <li><a href="#_tabs-1">First</a></li>
        <li><a href="#_tabs-2">Second</a></li>
        <li><a href="#_tabs-3">Third</a></li>
    </ul>
    <div id="_tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div id="_tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="_tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>

сделал так (тоже не работает) :
Код: 
<script>
    jQuery.noConflict();
    jQuery(document).ready(function(){
        jQuery("#dateFromFrom").datepicker();
        jQuery("#dateFromTo").datepicker();
        jQuery("#dateToFrom").datepicker();
        jQuery("#dateToTo").datepicker();
       
        jQuery("#tabs" ).tabs();
    })(jQuery);
</script>

<!-- Tabs -->
<div id="tabs">
    <ul>
        <li><a href="#_tabs-1">First</a></li>
        <li><a href="#_tabs-2">Second</a></li>
        <li><a href="#_tabs-3">Third</a></li>
    </ul>
    <div id="_tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div id="_tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="_tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>

если за комментировать эту строчку все работает кроме таба (
Код: 
 jQuery("#tabs" ).tabs();
 
Код: 
jQuery.noConflict();
jQuery(document).ready(function($) {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});
 
переделал все равно не работает
Код: 
    <link href="../../libraries/rusikokJQuery/css/trontastic/jquery-ui-1.10.4.custom.css" rel="stylesheet">
    <script src="../../libraries/rusikokJQuery/js/jquery-2.1.0.js"></script>
    <script src="../../libraries/rusikokJQuery/js/jquery-ui-1.10.4.custom.js"></script>
    <script>jQuery.noConflict();</script>


<script>
    jQuery(document).ready(function(){
        jQuery("#dateFromFrom").datepicker();
        jQuery("#dateFromTo").datepicker();
        jQuery("#dateToFrom").datepicker();
        jQuery("#dateToTo").datepicker();
      
        jQuery("#tabs" ).tabs();
    });
</script>

<!-- Tabs -->
<div id="tabs">
    <ul>
        <li><a href="#_tabs-1">First</a></li>
        <li><a href="#_tabs-2">Second</a></li>
        <li><a href="#_tabs-3">Third</a></li>
    </ul>
    <div id="_tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
    <div id="_tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
    <div id="_tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
</div>
 
kolio написал(а):
Код: 
jQuery.noConflict();
jQuery(document).ready(function($) {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});
Нажмите для раскрытия...
а так не работает ни таб ни календарь (
 
Код: 
jQuery.noConflict();
(function( $ ) {
$(function() {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});
})(jQuery);
Для просмотра ссылки Войди или Зарегистрируйся
 
если не горит - я писал только неделю назад компонент для joomla 3
с табами на JQ UI + внутри табов типа закладки
через часик буду дома - скину тебе копию, проверено - работает
 
Последнее редактирование:
Mootools Конфликтит с jquery, нужно все упоминания в jquery $ заменить на свой алиас.
 
SocMaster написал(а):
Mootools Конфликтит с jquery, нужно все упоминания в jquery $ заменить на свой алиас.
Нажмите для раскрытия...
не помогло.
по моему понял в чем проблема шаблон joomla использует метод tabs() с Mootools для отрисовки основного меню.
а можно как нибудь переименовать этот метод tabs() в jQuery?
 
Последнее редактирование:
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху