Tag: navbar

持久jquery移动导航栏

我试图让持久的Jquery Mobile导航栏脚工作。 我希望它是用javascript（它是用于PhoneGap应用程序）动态绘制的，而不是使用PHP来模板页脚。 以下内容改编自： http ： //the-jquerymobile-tutorial.org/jquery-mobile-tutorial-CH21.php 但是，jquery样式没有应用于第2页和第3页。就像$（“＃navbar”）。navbar（）没有为这些页面调用或过早调用。 任何人都可以帮我解决我可能出错的地方吗？ 或者指向一个具有动态持久导航栏的代码示例，最好使用活动按钮持久性？ 1 Window content 2 Window content 3 Window content var html = “”; html += “”; html += ” Footer part “; html += “”; html += “”; html += “Refresh”; html += “Help”; html += “Close”; html += “”; html += “”; html += […]

单击使用相同的页面锚点后保持链接处于活动状态

基本上我有一个具有相同页面锚点的固定导航栏，我想在点击链接并将其带到页面的该部分后保持链接处于活动状态。 如果到另一个页面的链接，这很简单，但我无法弄清楚如何在这里。 这就是我所拥有的。 我将向您展示第一个链接和部分，因为解决方案很可能与以下链接相同。 我没有写任何CSS，因为我不知道该怎么做。 Scheduling A New WayTo ScheduleEverything One calendar that lets you manage schedules for your team and your spots, all in one calendar, with options of sharing your own personal schedule, and you can accept and decline appointments with any device.

垂直导航与流体水平子菜单

我想建立一个垂直导航。 这有点特别，因为子导航应该显示在主链接的旁边，应该像这样流畅 ： Item 1 Item 2 | Subitem 1 | Subitem 2 | Subitem 3 Subitem 4 | Subitem 5 | Subitem 6 Item 3 Item 4 Subitem 1 | Subitem 2 Item 5 我正在寻找一个解决方案，使子菜单流畅，以便元素保持在主菜单行并动态中断 。 如何打破上面示例中的子列表项？ 小提琴

Bootstrap 4导航栏有两行，底行可折叠

我希望2个导航栏显示在两个单独的行中，所有链接（可折叠项目）位于底部，顶部和标题和切换按钮位于顶行。 像这样： —————————————————— ONE_________BIG_________TITLE [Toggle] —————————————————— Nav items Icon Links Forms … —————————————————— 顶行将在移动和桌面设备中展开，但切换按钮应隐藏在桌面上。 底行将在桌面上展开，并在移动设备上折叠。 通过将所有内容包装在一个div.navbar中并使用display：table定位和垂直对齐徽标/标题并相互切换，我能够在bootstrap 3中执行此操作。 仅在桌面设备中，滚动后，我希望底行固定在顶部。 我曾经在bootstrap 3中使用词缀来实现这一点，任何想法如何用新版本来做到这一点？ 同样在移动设备中，未折叠的顶行应固定在顶部。 这是我的bootstrap 3代码： #navcollapse { top: 0; width: 100%; z-index: 10050; } @media (max-width: 767px) { #navcollapse { position: static; } } #topnavrow.affix { top: 0; width: 100%; z-index: 10050; } @media (min-width: 768px) { […]

Bootstrap嵌套导航栏 – 控制“活动”类

我几乎得到了一个嵌套的Bootstrap菜单，正如我想要的那样。 菜单分为两个级别。 顶部是主要菜单类别，底部子类别。 选择主菜单将使该菜单标题处于活动状态并打开相应的子类别，此时未选择子类别。 当用户选择子类别[例如，他们选择下面的约2]时，则选择该菜单元素。 我的问题是当用户这样做时，主要的类别元素被取消选择，我不希望它。 我有JQuery代码，我认为我可以用它来控制完全添加和删除活动类，但Bootstrap似乎正在这样做我。 请看我的小提琴。 。 //get parent click menu $(‘.parentMenu li a’).click(function() { //compute the tag for the elment that was selected sel = $(this)[0].toString(); lgt = sel.length; tag = sel.substring(lgt – 3,lgt); tt = $(“.childMenu”).removeClass(“show”); $(this).addClass(‘active’); var subMenu = $(tag + “S”); subMenu.addClass(“show”); }) $(‘.parentMenu’).click(function() { //$(“.nav”).find(“.active”).removeClass(“active”); }) Multi-Layer Menu […]

使用服务器端包含，选择当前导航元素的选项有哪些？

我使用10项无序列表作为导航栏。 使用SSI，我将标题和导航栏放入每个文件中。 我想要一种方法将class=”active”添加到当前活动页面的规则集（当前页面的相应 将具有不同的样式）。 在每个页面中包含该文件意味着，在包含的文件中，没有项目可以具有活动类。 有几种代码可以做到这一点吗？ （使用jQuery / JS） 我的另一个选择是将URL的最后部分与每个列表项中锚点的部分href相匹配。 解决方案:(由RomanGorbatko提供） var tab = window.location.pathname.split(“/”); tab = tab[tab.length – 1]; // This probably is not efficient – suggestions? if (tab != “”) $(“#nav a#” + tab).addClass(“active”);

Bootstrap导航栏涵盖缩放内容

我正在为导航栏构建一个带有navbar-fixed-top类的网站。除了我放大之外，它在所有内容上都能正常工作。当我放大移动设备时; 导航栏开始包装并在折叠后转到下一行。 但是，我不希望在放大时影响导航栏，但同时保持不同设备的响应能力。 这是可能的还是有解决方法？ Toggle navigation Work Writings About

Sticky NavBar onScroll？

我现在正在为自己建立一个网站，我发现这对导航栏位于图像下方的多个网站上的效果非常好，但是当您滚动浏览它时，它会粘在顶部。 例 我怎样才能做到这一点？ 另外，如何使用类似的导航栏样式获得与此网站类似的效果？

Bootstrap 4移动导航栏从左侧滑动

我正在使用最新版本的bootstrap。 我自己尝试了各种各样的东西，之后我想我可能会在stackoverflow上找到一些东西。 但善良并没有得到这个东西。 我的意思是它如何运作？ 这是我的代码。 我不会在这里添加任何自定义样式，因为它们并没有真正起作用，反而他们创建了一些错误。 我还检查了这篇文章也Bootstrap – 如何从左边而不是从顶部滑动导航栏我尝试了所有的答案，但它不适合我。 Roknil Style Home Link About Search

如何使用jquery在引导程序中激活导航栏

我想点击它时让导航栏处于活动状态， 这是我使用的jquery $(document).ready(function () { $(‘.navbar li’).click(function(e) { $(‘.navbar li’).removeClass(‘active’); var $this = $(this); if (!$this.hasClass(‘active’)) { $this.addClass(‘active’); } e.preventDefault(); }); }); 但因为preventDefault我不能去我想要的链接。 它只是使导航栏处于活动状态，但它不会转到我选择的链接。 这是链接代码： <a href='https://stackoverflow.com/questions/17717025/how-to-active-nav-bar-in-bootstrap-with-jquery/’>Knowledge Base <a href='https://stackoverflow.com/questions/17717025/how-to-active-nav-bar-in-bootstrap-with-jquery/’>Ticketing <a href='https://stackoverflow.com/questions/17717025/how-to-active-nav-bar-in-bootstrap-with-jquery/’>Logout 如果我不使用preventDefault()导航栏将不会激活，但如果我使用它我不能去我想要的链接..