конфликт jquery $ и mootools $

Discussion in 'PHP' started by ufalog, 5 Jan 2010.

  1. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    PHP:
    <script type="text/javascript" src="/media/system/js/mootools.js"></script>
      <script type="text/javascript" src="/media/system/js/caption.js"></script>
      <script type="text/javascript" src="/modules/mod_accordionmenu/assets/accordionmenu.js"></script>

    PHP:

    <script src='/templates/wmt/js/jquery.js' type='text/javascript'></script>
    <script src='/templates/wmt/js/jquery.cross-slide.js' type='text/javascript'></script>
    <script src='/templates/wmt/js/mootools.js' type='text/javascript'></script>




    jquery.js и jquery.cross-slide.js используеться в -------->

    PHP:
    <script type='text/javascript'>
    jQuery(jQuery() {
    jQuery('#test1').crossSlide({
      
    fade1
    }, [
      {
        
    src:  'http://spb.ufasearch.ru/templates/wmt/images/gorod/spb/1.jpg',
        
    from'100% 100% 1x',
        
    to:   '100% 100% 1x',
        
    time4
      
    }, {
        
    src:  'http://spb.ufasearch.ru/templates/wmt/images/gorod/spb/2.jpg',
        
    from'100% 100% 1x',
        
    to:   '100% 100% 1x',
        
    time4
      
    }, 
      
        {
        
    src:  'http://spb.ufasearch.ru/templates/wmt/images/gorod/spb/3.jpg',
         
    from'100% 100% 1x',
        
    to:   '100% 100% 1x',
        
    time4
      
    },
      
      {
        
    src:  'http://spb.ufasearch.ru/templates/wmt/images/gorod/spb/4.jpg',
         
    from'100% 100% 1x',
        
    to:   '100% 100% 1x',
        
    time4
      
    }, {
        
    src:  'http://spb.ufasearch.ru/templates/wmt/images/gorod/spb/5.jpg',
         
    from'100% 100% 1x',
        
    to:   '100% 100% 1x',
        
    time4
      
    }
    ]);
    });
    </script>


    <div id='test1'>Loading...</div>


    mootools.js -----------------------> используеться mod_accordionmenu

    там есть accordionmenu.js
    PHP:


    function accordionMenu(menuIdsrcExpandImagesrcCollapseImageaccOptionsaccHoverDelaybDoHover) {
    if($(
    menuId)){

        
    // getting accordion parent items ("li" tags with class "parent")
        
    $(menuId).accParentItems = [];

        for(var 
    0< $(menuId).childNodes.lengthi++) {

            if($(
    menuId).childNodes[i].className.indexOf('parent') >= 0){
                $(
    menuId).accParentItems.push($(menuId).childNodes[i]);
            }
        }


        $(
    menuId).accTogglers = [];
        $(
    menuId).accElements = [];
        var 
    startItem = -1;

        for(var 
    0< $(menuId).accParentItems.lengthi++) {

            if(
    srcExpandImage.length 0){

                
    // creating accordion togglers
                
    var accToggler document.createElement("img");
        
                
    accToggler.setAttribute("title","Expand");
                
    accToggler.setAttribute("src",srcExpandImage);
            }
            else
            {
                var 
    accToggler document.createElement("span");    
            }
                $(
    menuId).accParentItems[i].insertBefore(accToggler, $(menuId).accParentItems[i].firstChild);
            
                $(
    menuId).accTogglers.push(accToggler);
            

            
    // accordion elements
            
    $(menuId).accElements.push($(menuId).accParentItems[i].getElementsByTagName('ul')[0]);

            
    // searching for active menu item to make the accordion show its sub-items when page loads
            
    if ( $(menuId).accParentItems[i].className.indexOf('active') >= ) {
                
    startItem i;
            }
       }

        
    //create our Accordion instance
        
    if ( $(menuId).accParentItems.length ){
            $(
    menuId).Accordion = new Accordion($(menuId).accTogglers, $(menuId).accElements$merge({
                
    opacityfalse,
                
    alwaysHidetrue,
                
    showstartItem,
                
    duration600,
                
    transitionFx.Transitions.Bounce.easeOut,

                
    onActive: function(togglerelement){
                    
    element.parentNode.parentNode.setStyle('height''auto');
                    
    toggler.setAttribute("src"srcCollapseImage);
                    
    toggler.setAttribute("title","Collapse");
                },
                
    onBackground: function(togglerelement){
                    
    element.parentNode.parentNode.setStyle('height''auto');
                    
    element.setStyle('height'element.offsetHeight+'px');
                    
    toggler.setAttribute("src"srcExpandImage);
                    
    toggler.setAttribute("title","Expand");
                }

                }, 
    accOptions)

            );
        }


        
    accTimer null;
        if (!
    accHoverDelay) var accHoverDelay 200;
        
        for(var 
    0< $(menuId).accParentItems.lengthi++) {

            eval(
    "function accOnclickFunc(){return function(){ if( $('"+menuId+"').accElements["+i+"].style.height == '0px' ) { $('"+menuId+"').Accordion.display("+i+") }}}");
            eval(
    "function accOnMouseoverFunc(){return function(){if( $('"+menuId+"').accElements["+i+"].style.height == '0px' ){accTimer = $('"+menuId+"').Accordion.display.delay("+accHoverDelay+", $('"+menuId+"').Accordion, "+i+");}}}");
            eval(
    "function accOnmouseoutFunc(){return function(){if($defined(accTimer)){$clear(accTimer);}}}");

            $(
    menuId).accParentItems[i].firstChild.nextSibling.onclick accOnclickFunc();
            if (
    bDoHover==1) {
                $(
    menuId).accParentItems[i].firstChild.nextSibling.onmouseover accOnMouseoverFunc();
            }
            $(
    menuId).accParentItems[i].firstChild.nextSibling.onmouseout accOnmouseoutFunc();
        }


        for(var 
    0< $(menuId).accElements.lengthi++) {
            $(
    menuId).accElements[i].setAttribute('id'menuId+'_'+i);
            
    accordionMenu(menuId+'_'+isrcExpandImagesrcCollapseImageaccOptionsaccHoverDelaybDoHover)
        }

    }
    }




    счас на http://ufasearch.ru/index.php работает тока менюшка на mootools/// а галерея на основе jquery не работает!!! (работу можно посмотреть на сайте rostov.ufasearch.ru )
     
  2. astrologer

    astrologer Elder - Старейшина

    Joined:
    30 Aug 2007
    Messages:
    837
    Likes Received:
    267
    Reputations:
    59
    Code:
    jQuery(jQuery() {
    >>
    Code:
    jQuery.noConflict();
    jQuery(function(){
     
    1 person likes this.
  3. ufalog

    ufalog Elder - Старейшина

    Joined:
    28 Jul 2007
    Messages:
    174
    Likes Received:
    6
    Reputations:
    -5
    спасибо! :) коротко и ясно