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

Тема в разделе "JavaScript", создана пользователем p486, 12 авг 2014.

Модераторы: ZiX
  1. p486

    p486 Постоялец

    Регистр.:
    11 сен 2010
    Сообщения:
    94
    Симпатии:
    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(); 
     
  2. saifym

    saifym Создатель

    Регистр.:
    14 авг 2013
    Сообщения:
    27
    Симпатии:
    18
    Может поможет:
     
  3. kolio

    kolio Постоялец

    Регистр.:
    21 фев 2012
    Сообщения:
    101
    Симпатии:
    38
    Код:
    jQuery.noConflict();
    jQuery(document).ready(function($) {
    $("#dateFromFrom").datepicker();
    $("#dateFromTo").datepicker();
    $("#dateToFrom").datepicker();
    $("#dateToTo").datepicker();
    $("#tabs" ).tabs();
    });
    
     
  4. p486

    p486 Постоялец

    Регистр.:
    11 сен 2010
    Сообщения:
    94
    Симпатии:
    0
    переделал все равно не работает
    Код:
        <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>
     
  5. p486

    p486 Постоялец

    Регистр.:
    11 сен 2010
    Сообщения:
    94
    Симпатии:
    0
    а так не работает ни таб ни календарь (
     
  6. saifym

    saifym Создатель

    Регистр.:
    14 авг 2013
    Сообщения:
    27
    Симпатии:
    18
    Код:
    jQuery.noConflict();
    (function( $ ) {
    $(function() {
    $("#dateFromFrom").datepicker();
    $("#dateFromTo").datepicker();
    $("#dateToFrom").datepicker();
    $("#dateToTo").datepicker();
    $("#tabs" ).tabs();
    });
    })(jQuery);
    http://api.jquery.com/jQuery.noConflict/
     
  7. kolio

    kolio Постоялец

    Регистр.:
    21 фев 2012
    Сообщения:
    101
    Симпатии:
    38
    если не горит - я писал только неделю назад компонент для joomla 3
    с табами на JQ UI + внутри табов типа закладки
    через часик буду дома - скину тебе копию, проверено - работает
     
  8. p486

    p486 Постоялец

    Регистр.:
    11 сен 2010
    Сообщения:
    94
    Симпатии:
    0
    Последнее редактирование: 12 авг 2014
  9. SocMaster

    SocMaster aka Hakerok

    Регистр.:
    26 июл 2011
    Сообщения:
    202
    Симпатии:
    47
    Mootools Конфликтит с jquery, нужно все упоминания в jquery $ заменить на свой алиас.
     
  10. p486

    p486 Постоялец

    Регистр.:
    11 сен 2010
    Сообщения:
    94
    Симпатии:
    0
    не помогло.
    по моему понял в чем проблема шаблон joomla использует метод tabs() с Mootools для отрисовки основного меню.
    а можно как нибудь переименовать этот метод tabs() в jQuery?
     
    Последнее редактирование: 12 авг 2014