Still a problem with JQuery and Mootools

Discussion in 'jQuery' started by ryanlevin, Nov 12, 2009.

0
  1. #1
    Hi,

    I am having an urgent problem with Mootools and JQuery. I am trying to use JQuery to reload content with transitions using AJAX on the same page that I use the barackslideshow. I found the JQuery noConflict code after much searching and then found that there is a certain order you have to put it in after even more. After I did this, it works fine... in Chrome and Firefox. In IE the barackslideshow doesn't fade to different pictures but just jumps to the next picture with no transition. It works fine if I take JQuery out, even in IE, but I need it. Any help would be greatly appreciated!! Here is my code:

    <CODE>
    <script type="text/javascript" charset="utf-8" src="js/mootools-1.2.1-core-yc.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/mootools-1.2.2.2-more.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.js"></script>
    <script>jQuery.noConflict();</script>
    <script type="text/javascript" charset="utf-8" src="js/Fx.MorphList.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/BarackSlideshow.js"></script>
    <script>
    window.addEvent('domready', function(){
    var slideshow = new BarackSlideshow('menu', 'pictures', 'loading', {transition: 'fade', autostart: true, auto: true, tween: { duration: 2500 }, autointerval: 4000 });
    });
    </script>
    <script>
    function refreshContent(section) {
    jQuery("#section").fadeOut("slow", function(){
    jQuery("#section").load("ajaxcontent.php?section="+section,false, function() {
    jQuery("#section").fadeIn("slow");
    });
    })
    return false;
    }
    </script>

    <script language="JavaScript" type="text/javascript">
    /*<![CDATA[*/
    var Lst;

    function CngClass(obj){
    if (Lst) Lst.className='';
    obj.className='active';
    Lst=obj;
    }
    /*]]>*/
    </script>
    </CODE>


    Thanks,

    Ryan
     
    ryanlevin, Nov 12, 2009 IP
  2. dimitar christoff

    dimitar christoff Active Member

    Messages:
    882
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    90
    #2
    use mootools 1.2.4.2 - latest. it has compatibility mode also although you'd have to change barrack to use document.id instead of $. additionally, please provide more details on the errors you're getting (if any).
     
    dimitar christoff, Nov 12, 2009 IP
  3. ryanlevin

    ryanlevin Peon

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi,

    Thanks for the reply. I tried the newest mootools and I am still having the same problem in IE. It works in all other browsers but in IE it jumps pictures rather than transitioning. I am not receiving any errors, either in IE or in FF's developer toolbar. I am really stuck in a corner, please help

    Ryan
     
    ryanlevin, Nov 12, 2009 IP
  4. dimitar christoff

    dimitar christoff Active Member

    Messages:
    882
    Likes Received:
    62
    Best Answers:
    0
    Trophy Points:
    90
    #4
    you need to enable the compat mode. you need to make the plugin use document.id instead of $. check the docs.. sorry but unless i can see it in a url i cant really give you any ideas as to why it's failing.
     
    dimitar christoff, Nov 12, 2009 IP
  5. ryanlevin

    ryanlevin Peon

    Messages:
    49
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    What a pain. I ended up rewriting the slideshow in JQuery with "A simple JQuery Slideshow" (although I can't get it to fade in at first like the barackslideshow did).
     
    ryanlevin, Nov 15, 2009 IP