Lightslider и mootols не работают вместе,

Question

Lightslider JQuery Code и mootols не работают вместе, если я удаляю код jquery api, поэтому mootools работает иначе, если я поместил jquery api-код, чтобы затем работал lightlider (он использует jquery), но mootools не работают ,

Mootools

<script language="javascript" type="text/javascript" src="/script/mootools-1.2.1-core.js"></script> 
<script language="javascript" type="text/javascript" src="/script/mootools-1.2-more.js"></script> 
<script language="javascript" type="text/javascript" src="/script/slideitmoo-1.1.js"></script> 

<script language="javascript" type="text/javascript"> 
    window.addEvents({ 
    'domready': function(){ 
     /* thumbnails example , div containers */ 
     new SlideItMoo({ 
      overallContainer: 'SlideItMoo_outer', 
      elementScrolled: 'SlideItMoo_inner', 
      thumbsContainer: 'SlideItMoo_items',  
      itemsVisible: 5, 
      elemsSlide: 2, 
      duration: 150, 
      itemsSelector: '.SlideItMoo_element', 
      itemWidth: 158, 
      showControls:1}); 
    }, 

    }); 
</script> 

Lightslider

<link rel="stylesheet" type="text/css" href="/stylesheet/lightslider.css" /> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> 
    <script src="/script/lightslider.js"></script> 
    <script> 
     $(document).ready(function() { 
      jQuery("#content-slider").lightSlider({ 
       loop:true, 
       auto: true, 
       keyPress:true 
      }); 
     }); 
    </script> 

Answer 1

я получил мое решение я пытался себя то, что она работает.

Просто надо изменить две вещи, одна апи второе место ссылка $ будет JQuery

Как это

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> 

<script language="javascript" type="text/javascript" src="/script/mootools-1.2.1-core.js"></script> 
<script language="javascript" type="text/javascript" src="/script/mootools-1.2-more.js"></script> 
<script language="javascript" type="text/javascript" src="/script/slideitmoo-1.1.js"></script> 

<script language="javascript" type="text/javascript"> 
    window.addEvents({ 
    'domready': function(){ 
     /* thumbnails example , div containers */ 
     new SlideItMoo({ 
      overallContainer: 'SlideItMoo_outer', 
      elementScrolled: 'SlideItMoo_inner', 
      thumbsContainer: 'SlideItMoo_items',  
      itemsVisible: 5, 
      elemsSlide: 2, 
      duration: 150, 
      itemsSelector: '.SlideItMoo_element', 
      itemWidth: 158, 
      showControls:1}); 
    }, 

    }); 
</script> 

<link rel="stylesheet" type="text/css" href="/stylesheet/lightslider.css" /> 
    <script src="/script/lightslider.js"></script> 
    <script> 
     jQuery(document).ready(function() { 
      jQuery("#content-slider").lightSlider({ 
       loop:true, 
       auto: true, 
       keyPress:true 
      }); 
     }); 
    </script>