Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 带滑块的asp.net菜单_C#_Jquery_Asp.net_Menu_Jquery Ui Slider - Fatal编程技术网

C# 带滑块的asp.net菜单

C# 带滑块的asp.net菜单,c#,jquery,asp.net,menu,jquery-ui-slider,C#,Jquery,Asp.net,Menu,Jquery Ui Slider,我使用的是asp.net菜单控件,但我需要向其添加一个滑块,因此如果菜单控件超出可见页面,那么这将限制它,并使用jquery滑块查看隐藏的其他选项。我试过Jcarousel,现在又试过这个,但已经能够正确地实现了。发生了两件事: 项目是隐藏的,无论我点击什么都不会显示它们 子菜单不再显示 任何对我可以使用的更好插件的帮助或指导,我都会非常感激 <link href="css/jquery.thumbnailScroller.css" rel="stylesheet" />

我使用的是asp.net菜单控件,但我需要向其添加一个滑块,因此如果菜单控件超出可见页面,那么这将限制它,并使用jquery滑块查看隐藏的其他选项。我试过Jcarousel,现在又试过这个,但已经能够正确地实现了。发生了两件事:

  • 项目是隐藏的,无论我点击什么都不会显示它们
  • 子菜单不再显示
  • 任何对我可以使用的更好插件的帮助或指导,我都会非常感激

        <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>
    
    
    /*用于将插件与其他库一起使用的jQuery.noConflict()。
    如果不使用其他库(例如prototype、scriptaculous等),则可以删除它;或者
    如果在文档的head标记中将jQuery包含在其他库之前。
    [更多信息:http://docs.jquery.com/Using_jQuery_with_Other_Libraries] */
    /*使用选项作为参数调用thumbnailScroller函数*/
    (函数($){
    window.onload=函数(){
    $(“#tS2”).缩略图滚动条({
    滚动类型:“单击按钮”,
    滚动方向:“水平”,
    滚动速度:2,
    滚动条:“easeOutCirc”,
    滚动测量装载量:600,
    加速度:4,
    滚动速度:800,
    noScrollCenterSpace:10,
    自动滚动:0,
    自动扫描速度:2000,
    自动克隆:“easeInOutQuad”,
    自动克隆延迟:500
    });
    }
    });
    
    看起来您缺少匿名包装函数上的postfix
    ()
    ,因此将永远不会执行
    窗口。onload


    控制台中是否有错误?

    在平板电脑或智能手机上尝试这种导航设计。你可能想重新考虑一下你的设计。这并不意味着平板电脑或手机,因为我们知道它的布局与我从插件中获得的代码完全不同,奇怪的是我没有收到错误bc没有不合适的菜单项只是放在第二行*不合适只是传递到第二行