Tag: 菜单

jQuery找到div帮助: 我目前正在构建一个菜单栏，其中包含图标，这些图标在hover时显示上下文子菜单。基本上，当鼠标hover在图标上时会出现一个弹出菜单/工具提示（包含更多选项），但图标本身也应该是可点击的。到目前为止，我为每个菜单项使用以下HTML构造和jQuery： **insert profile menu options** **insert search menu options** 和 $(“.menu-item”).hover(function() { $(this).find(“div”).fadeIn(“fast”).show(); //add ‘show()” for IE $(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element $(this).find(“div”).hide(); }); }); 我想要做的是将HTML更改为如下所示（因此我可以将onClick链接应用于“profiles”div）： **insert menu options** 但是，我不知道如何修改jQuery以找到匹配的div在hover时显示。相关的工具提示/弹出菜单div将始终为xxxx-tip（其中xxx是父div的名称）。作为一个例子，我想它会看起来像这样（记住我对jQuery知之甚少，所以我很清楚这看起来很愚蠢）： $(“.menu-item”).hover(function() { $.find(“div”).attr(‘id’+”-tip”).fadeIn(“fast”).show(); //add ‘show()” for IE $(this).mouseleave(function () { //hide tooltip when […]

如何在CSS中创建曲线响应菜单: 我想用html和css.not svg创建曲线菜单！我的菜单是这样的：在这里输入图像描述我搜索了很多，但没有找到解决方案。我还看到了如何在css3中制作曲线样式菜单？它不是我需要的。这个菜单应该是响应。当我使用svg时.i应该为每个分辨率创建不同大小的svg。太难想要另一种方式。有什么帮助吗？

如何隐藏未单击的ul并在Jquery中显示子菜单？: 我有一个使用HTML列表的下拉菜单。 jquery代码在第一级工作正常，但是当我尝试使用子菜单单击列表上的某些内容时，它会关闭并重新打开相同的列表。除了点击的列表外，我怎样才能打开它？ // Document Listening $(document).ready(function () { // JQuery running fine, don’t need CSS trick for dropdown // Remove the class of child and grandchild, this removes the CSS ‘falback’ $(“#nav ul.child”).removeClass(“child”); $(“#nav ul.grandchild”).removeClass(“grandchild”); // When a list item that contains an unordered list is hovered on $(“#nav li”).has(“ul”).click(function (e) { $(“#nav li”).children(“ul”).not(e.target).slideUp(“fast”); […]

在其他菜单关闭时单击某个菜单: Menu 1 submenu 1 submenu 2 submenu 3 submenu 4 Menu 2 submenu 1 submenu 2 submenu 3 submenu 4 脚本： if(!Array.indexOf){ Array.prototype.indexOf = function(obj){ for(var i=0; i<this.length; i++){ if(this[i]==obj){ return i; } } return -1; } } function categoryAdd(id) { var ids = new String($.cookie('expanded')).split(','); if (ids.indexOf(id) == -1){ ids.push(id); $.cookie('expanded', ids.join(','), {path: '/'}); […]

如何在选项卡菜单中将阴影添加到当前元素？: 我有一个标签式菜单，看起来像这样：它的html很简单： <%= Html.ActionLink(c=>c.Index(), “Home”) %> <%= Html.ActionLink(c=>c.About(), “About”) %> <%= Html.ActionLink(c=>c.Archives(), “Archives”) %> <%= Html.ActionLink(c=>c.Links(), “Links”) %> 和JQuery： $(function() { $(‘.container’).corner(); $(‘ul#menu li’).corner(’30px top’); }); 并在每个页面上的东西： $(function() { $(‘#menuHome’).addClass(‘current’) }) 我想指出“当前”标签后面有一个投影。我想我会这样做使用$（’。current’）创建一个阴影’li’。（’＆nbsp “）使用CSS设置阴影颜色并使用jquery绕右上角用CSS位置移动它：relative; 上：5px; 左：-5px; 我遇到的问题是阴影出现在左侧元素的顶部。将其z指数设置为低会使其由于某种原因完全消失。如何让它出现在上一个列表项后面？或者，有什么更好的方法呢？

在外部单击IOS设备时关闭Slicknav菜单: 我正在使用Slicknav移动菜单脚本： http ：//slicknav.com/ 并且它工作得很好，除非我在ios设备上单击菜单外部时无法弄清楚如何关闭它。当我在台式机和Android上测试它时，它在外面点击时会很好，但是在我的Ipad上它没有用。这是当前的代码。任何见解？谢谢！ $(document).ready(function(){ $(‘.menu’).slicknav({ label:”, closeOnClick:true }); $(‘.slicknav_menu’).focusout(function(event){ $(‘.menu’).slicknav(‘close’); }); }); Home Link1 Link2

在滚动Jquery上更改徽标: 行？首先，我要感谢帮助。好吧，我的问题如下：我想滚动鼠标并创建背景并从顶部减少空间，也可以更改徽标。顶部底部的问题，然后我可以做下面的代码。但是，我不知道如何更改徽标。 HTML： CSS： .navbar-brand { text-transform: none; margin: 0px; min-width: 214px; text-indent: -9999px; height: 70px; background: url(../images/logo-telbox.png) no-repeat; } .navbar-brand-scroll { background: url(../images/logo-telbox-scroll.png) no-repeat; } JS： $(window).scroll(function () { var e = $(this).scrollTop(); e > 60 ? $(“header”).css(“background”, “#16181F”).css(“padding”, “0px 0px 10px”) : $(“header”).css(“background”, “transparent”).css(“padding”, “20px 0px 20px”); }); 谢谢 […]

如何使用Jquery下拉菜单延迟隐藏菜单？: 我有一个工作正常的下拉菜单，但我希望如此，如果我将鼠标hover在菜单上，它不会立即再次隐藏。所以基本上我想要一秒钟的延迟。我读过有关setTimeout的内容，但不确定它是否是我需要的？ $(‘#mainnav a’).bind(‘mouseover’, function() { $(this).parents(‘li’).children(‘ul’).show(); }); $(‘#mainnav a’).bind(‘mouseout’, function() { $(this).parents(‘li’).children(‘ul’).hide(); });

jquery当前导航项目选择器: 我无法弄清楚如何使用jQuery来设置当前导航项的样式。我已经尝试了几个教程，但无济于事。任何帮助，将不胜感激。提前致谢。 Contact Gallery Pool Liners Services About Home /** nav styling **/ //

如何通过单击jquery中的另一个菜单关闭一个菜单及其图标？: 当我点击一个菜单时，它会在菜单上显示并显示十字形，但当我点击搜索菜单时，它也会显示在同一菜单中并显示十字图标。我想点击一个菜单关闭另一个菜单并将图标更改为默认值。 $(‘.toggle-sm-nav, .js-toggle-sm-navigation’).click(function(){ // Change button $(this).children(‘span’).toggleClass(‘glyphicon-align-justify icon-close-menu-cross2’); $(‘.sm-searchboxc’).find(‘i’).removeClass(‘active’); // Toggle menu on hamburger $(‘.navcontainer’).toggle(); $(‘.header-nav-container’).toggleClass(‘brgropen’); if( $(‘.header-nav-container’).hasClass(‘brgropen’) ){ $(‘body’).css(‘overflow’, ‘hidden’); } else { $(‘body’).css(‘overflow’, ‘visible’); } // Focus search field when opened $(‘.js-toggle-xs-search’).on(‘click’, function(){ $(‘.sm-searchboxc input#search’).trigger(‘touchstart’); }); $(‘.sm-searchboxc input#search’).on(‘touchstart’, function(){ setTimeout(function(){ $(‘.sm-searchboxc input#search’).focus(); }, 0); }); 与菜单相关的HTML代码