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

[p486]

здравствуйте!
прошу прощения я в 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();

 

[saifym]

Может поможет:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[kolio]

jQuery.noConflict();
jQuery(document).ready(function($) {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});

 

[p486]

переделал все равно не работает

    <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>

 

[p486]

jQuery.noConflict();
jQuery(document).ready(function($) {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});

а так не работает ни таб ни календарь (

 

[saifym]

jQuery.noConflict();
(function( $ ) {
$(function() {
$("#dateFromFrom").datepicker();
$("#dateFromTo").datepicker();
$("#dateToFrom").datepicker();
$("#dateToTo").datepicker();
$("#tabs" ).tabs();
});
})(jQuery);

Для просмотра ссылки Войди или Зарегистрируйся

 

[kolio]

если не горит - я писал только неделю назад компонент для joomla 3
с табами на JQ UI + внутри табов типа закладки
через часик буду дома - скину тебе копию, проверено - работает

 

[p486]

только нарыл... у меня в шаблоне используется Mootools сделал как тут ничего не изменилось Для просмотра ссылки Войди или Зарегистрируйся и Для просмотра ссылки Войди или Зарегистрируйся

 

[SocMaster]

Mootools Конфликтит с jquery, нужно все упоминания в jquery $ заменить на свой алиас.

 

[p486]

Mootools Конфликтит с jquery, нужно все упоминания в jquery $ заменить на свой алиас.

не помогло.
по моему понял в чем проблема шаблон joomla использует метод tabs() с Mootools для отрисовки основного меню.
а можно как нибудь переименовать этот метод tabs() в jQuery?