여러 개의 jcarousels 두 번째가 올바르게 작동합니다. 첫 번째는 공백으로 스크롤합니다.

Question

동일한 페이지에로드 된 두 개의 개별 사용자 정의 컨트롤에서 두 개의 jcarousels을 만들었습니다. 제 스크립트

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({ 
     vertical: true, 
     auto: 2 
    }); 

}); 

및 설정이 같은

<asp:Repeater runat="server" ID="List" EnableViewState="False" OnItemDataBound="LoadImages" > 
     <HeaderTemplate> 
      <ul id="mycarousel" class="mycarousel jcarousel jcarousel-skin-tango" > 
     </HeaderTemplate> 
     <FooterTemplate> 
      </ul> 
     </FooterTemplate> 
     <ItemTemplate> 
      <li style="height:100px;"> 
       <asp:Hyperlink ID="Hyperlink1" runat="server" 
        NavigateUrl='<%# "~/Products/" + Eval("Linked_Product_UrlLabel") + 
        ".aspx" %>'> 
        <asp:Image ID="MainImage" runat="server" Height="100" style="margin: 0 10px 10px 0;" CssClass="jcarousel-item" /> 
       </asp:Hyperlink> 
      </li>  
     </ItemTemplate> 
    </asp:Repeater> 

번째 스크립트

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#mycarousel2').jcarousel({ 
    auto: 1, 
    scroll: 1, 
    wrap: 'both' 
    }); 

}); 

이다 보이는

<asp:Repeater runat="server" ID="List" EnableViewState="False" OnItemDataBound="LoadImages" > 
     <HeaderTemplate> 
      <ul id="mycarousel2" class="mycarousel jcarousel jcarousel-skin-tango" > 
     </HeaderTemplate> 
     <FooterTemplate> 
      </ul> 
     </FooterTemplate> 
     <ItemTemplate> 
      <li style="height:100px;"> 
       <asp:Hyperlink ID="Hyperlink1" runat="server" 
        NavigateUrl='<%# "~/Products/" + Eval("Linked_Product_UrlLabel") + 
        ".aspx" %>'> 
        <asp:Image ID="MainImage" runat="server" Height="100" style="margin: 0 10px 10px 0;" CssClass="jcarousel-item" /> 
       </asp:Hyperlink> 
      </li>  
     </ItemTemplate> 
    </asp:Repeater> 

01 설정된

첫 번째 jcarousel이 망각으로 스크롤되기 시작할 때까지 페이지가 모두 제대로로드됩니다. 자동 생성 된 스크롤 버튼은 약간의 반응을 일으키지 만 제대로 스크롤하지는 않습니다. 내가 바꿀 필요가있는 것에 대한 어떤 생각?

내 문제는 실제로 회전식 슬라이드 쇼 중 하나 인 mycarousel의 이름이 붙어있는 것으로 나타났습니다. 분명히 둘 이상을 사용하는 경우 mycarousel을 지정할 수 없습니다.

Answer 1

사실 내 문제는 실제로 회전식 컨베이어 중 하나 인 mycarousel의 이름이 붙어있는 것으로 나타났습니다. 분명히 둘 이상을 사용하는 경우 mycarousel을 지정할 수 없습니다. 이것은 별도의 질문으로 대답했습니다. Multiple jcarousels on one page issue