javascript - Lightslider 和 mootols 不能一起工作，

Question

如果我删除 jquery api 代码，Lightslider Jquery 代码和 mootols 不能一起工作，所以如果我输入 jquery api 代码，mootools 可以工作，否则 lightslider 可以工作(它使用的是 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>

光 slider

<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

我得到了我自己尝试的解决方案，然后它就起作用了。

只需更改两件事，一个是 api 链接位置，第二个 $ 将是 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>