2012-02-27 3 views
1

Я использую элемент управления asp.net, но мне нужно добавить к нему ползунок, поэтому, если элемент управления меню растет за пределами видимой страницы, это ограничивает его и использует ползунок jquery для просмотра другого опции скрыты. Я попробовал Jcarousel и теперь этот, но смог реализовать это правильно. 2 вещи случаются:Меню asp.net с слайдером

  1. элементы скрыты, и независимо от того, что я нажимаю на них, их не показывают.
  2. подменю больше не отображается.

Любая помощь или руководство для лучшего плагина, который я могу использовать, я бы очень признателен.

<link href="css/jquery.thumbnailScroller.css" rel="stylesheet" /> 
    <!-- Add jQuery library --> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <!-- jquery ui custom build (for animation easing) --> 
    <script src="js/jquery-ui-1.8.13.custom.min.js"></script> 
    <script> 
     /* jQuery.noConflict() for using the plugin along with other libraries. 
     You can remove it if you won't use other libraries (e.g. prototype, scriptaculous etc.) or 
     if you include jQuery before other libraries in yourdocument's head tag. 
     [more info: http://docs.jquery.com/Using_jQuery_with_Other_Libraries] */ 
     /* calling thumbnailScroller function with options as parameters */ 
     (function ($) { 

      window.onload = function() { 

       $("#tS2").thumbnailScroller({ 
        scrollerType: "clickButtons", 
        scrollerOrientation: "horizontal", 
        scrollSpeed: 2, 
        scrollEasing: "easeOutCirc", 
        scrollEasingAmount: 600, 
        acceleration: 4, 
        scrollSpeed: 800, 
        noScrollCenterSpace: 10, 
        autoScrolling: 0, 
        autoScrollingSpeed: 2000, 
        autoScrollingEasing: "easeInOutQuad", 
        autoScrollingDelay: 500 
       }); 
      } 
     }); 
    </script> 
    <!-- thumbnailScroller script --> 
    <script src="js/jquery.thumbnailScroller.js"></script> 


    <div id="tS2" class="jThumbnailScroller"> 
     <div class="jTscrollerContainer"> 
      <div class="jTscroller">  
       <asp:Menu ID="navigation" runat="server" Orientation="Horizontal" CssClass="topmenu" MaximumDynamicDisplayLevels="20" 
        IncludeStyleBlock="false"> 
        <DynamicSelectedStyle /> 
        <DynamicMenuItemStyle /> 
        <DynamicHoverStyle /> 
        <DynamicMenuStyle /> 
        <StaticMenuItemStyle /> 
        <StaticSelectedStyle /> 
        <StaticHoverStyle /> 
       </asp:Menu> 
      </div> 
     </div> 
     <a href="#" class="jTscrollerPrevButton"></a> 
     <a href="#" class="jTscrollerNextButton"></a> 
    </div> 
+0

Попробуйте этот вид навигации на планшете или смартфоне. Возможно, вы захотите пересмотреть свой дизайн. – jfrankcarr

+0

его не предназначено для планшета или мобильника, пока мы не получим, что он будет иметь совершенно другую компоновку. – Andres

ответ

0

Похоже, вам не хватает оканчиваются () на вашей анонимной функции-оболочки, поэтому window.onload блок никогда не будет выполняться.

У вас возникли ошибки в консоли?

+0

thats код, который я получил от плагина, и странный тонкий, я не получаю ошибку. Bc есть не пункты меню, которые не подходят. просто tkssed на второй строке – Andres

+0

* dont fit просто перешел на вторую строку – Andres

Смежные вопросы