Jquery simply同じページの複数のスクロールをスクロールする

Question

JSceryを使用する必要があります。スクロールを数回スクロールするだけで数回スクロールします。コードを投稿しています。私はこのコードで私の自己をしようとしたが、私はそれを完了することができません。あなたは1と同じidを複数回使用することはできません

<script type="text/javascript" src="./jQuery simplyScroll - Logicbox_files/jquery.min.js"> 
</script> 
<!--<script type="text/javascript" src="/js/common.js"></script>--> 
<script type="text/javascript" src="./jQuery simplyScroll - Logicbox_files/jquery.simplyscroll-1.0.4.min.js"></script> 
<link rel="stylesheet" href="./jQuery simplyScroll - Logicbox_files/jquery.simplyscroll-1.0.4.css" media="all" type="text/css"> 
<script type="text/javascript"> 
(function($) { 
    $(function() { 
     $("#scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 

    }); 
})(jQuery); 
</script> 
</head> 


<div class="simply-scroll simply-scroll-container"><div class="simply-scroll-back"></div><div class="simply-scroll-forward"></div><div class="simply-scroll-clip"> 
<ul id="scroller" class="simply-scroll-list" style="width: 2895px; "> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_VPJWVQRW_tb.jpg" width="290" height="200" alt="Firehouse bar"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
      <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li><li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li></ul></div></div> 

      <div class="simply-scroll simply-scroll-container"><div class="simply-scroll-back"></div><div class="simply-scroll-forward"></div><div class="simply-scroll-clip"> 
<ul id="scroller" class="simply-scroll-list" style="width: 2895px; "> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080513_VPJWVQRW_tb.jpg" width="290" height="200" alt="Firehouse bar"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li> 
       <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li> 
      <li><img src="./jQuery simplyScroll - Logicbox_files/20080608_9N3H5GYL_tb.jpg" width="290" height="200" alt="Firehouse"></li><li><img src="./jQuery simplyScroll - Logicbox_files/20080513_4D3SD1BQ_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li></ul></div></div> 

おかげ

Answer 1

。それはこの

(function($) { 
    $(function() { 
     $("#scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 


     $("#scroller1").simplyScroll({ 
      autoMode: 'loop' 
     }); 


     $("#scroller2").simplyScroll({ 
      autoMode: 'loop' 
     }); 

    }); 
})(jQuery); 

Answer 2

リク

何かを動作しない前に、あなたは、複数のスクロール用classの代わりidを使用することができます。それがあなたを助けることを願っています。

(function($) { 
    $(function() { 
     $(".scroller").simplyScroll({ 
      autoMode: 'loop' 
     }); 
    }); 
})(jQuery); 

あなたは1と同じidを複数回使用することはできません。この

<ul class="scroller simply-scroll-list" style="width: 2895px; ">....</ul> 
<ul class="scroller simply-scroll-list" style="width: 2895px; ">....</ul>