2012-02-27 85 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 2012-02-27 19:20:43

+0

其不適用於平板電腦或移動我們得到它將有一個完全不同的佈局 – Andres 2012-02-27 20:03:42

回答

0

它看起來像你缺少你的匿名包裝函數的後綴(),所以window.onload塊永遠不會執行。

您是否在控制檯中發現任何錯誤?

+0

多數民衆贊成我從插件和奇怪的薄代碼是我沒有得到一個錯誤BC有非菜單項不適合是隻是在第二行 – Andres 2012-02-27 20:05:16

+0

*不適合剛剛通過第二行 – Andres 2012-02-27 20:49:03