如何在jQuery移动设备中切换导航栏的界面，以便按下div中的按钮并显示不同的导航栏？
浏览 0提问于2012-05-31得票数 3
回答已采纳
1回答
(TL;DR)
是否可以让jQuery/Javascript监视特定类的元素；如果存在该类，则执行一个函数。如果类不存在，则执行不同的函数。
(全部)
我们有一个使用超级菜单的WordPress主题。菜单被配置为出现在标题下，而不是在标题下面。因此，某些元素很难看到，因此我们创建了一个OnClick事件，当单击主导航链接时，该事件将更改各种标头元素的颜色：
jQuery(document).ready(function() {
jQuery('#main-menu nav ul').click(function(){
jQuery('.cont
浏览 7提问于2022-08-22得票数 0
我的固定导航栏上有一个横幅。当我滚动它，我的导航栏到达浏览器的顶部时，它开始在那个位置不停地闪烁。
我认为这与jquery toggleClass()有关，但我不知道如何修复它。
当我在该位置检查导航栏时，它只是不断添加和删除has-monster-banner类，导致它闪烁。
googletag.pubads().addEventListener('slotRenderEnded', function(event) {
if (event.slot.getAdUnitPath() === '/1025113/1220x200' &&
浏览 1提问于2017-04-10得票数 1
1回答
HTML
<p>Navigation link 1 <span class="toggle"></span></p>
<ul class="sub-menu">
<li>...</li>
<li>...</li>
<li>...</li>
</ul>
<p>Navigation link 2 <span class="toggle"></span&g
浏览 4提问于2014-08-07得票数 0
回答已采纳
1回答
所以，我想要创建一个导航条，而不是重新发明轮子，而是使用一些公共代码来加速我的MVP开发。
实际上，我使用的是导航条形码- 。
但我不知道如何在Vue代码中实现jquery部分(我已经制作了一个组件，通过html和css复制，现在只需要在其中集成jquery功能)。
下面是我需要集成的Jquery代码。
$('#toggle').click(function() {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');
});
如果有人能帮我完成
浏览 1提问于2019-02-13得票数 0
回答已采纳
我的页面顶部有一个标准的水平导航菜单。为了使其响应，我将布局更改为屏幕上小于908px的垂直大小，并使用JQuery的切换函数在小屏幕上按一个“菜单”按钮显示/隐藏水平菜单。它在任何地方都能发挥很大的作用，除非我手动调整浏览器窗口的大小，当切换关闭时，导航更改为水平，但不隐藏。菜单栏仍然设置为display:none。
网站是
这是我使用的jQuery代码：
jQuery('a.btn-navbar').click(function() {
jQuery('.nav-collapse').toggle('slow', functi
浏览 0提问于2013-09-13得票数 0
回答已采纳
2回答
切换导航开关
、、
在这个中，我试图打开和关闭导航，但似乎不起作用。它似乎一旦点击就会关闭导航栏，然后什么也不做。我对jQuery的工作非常陌生。谁能告诉我如何才能纠正这一点，而且我还需要导航不显示之前，菜单按钮被点击。谢谢!
$(function() {
var showMenu = false;
$('#menuButton').click(function() {
if (showMenu) {
$('#menu').css({'display':'none'});
浏览 18提问于2017-02-24得票数 0
回答已采纳
当我的站点在小屏幕上显示导航栏折叠的切换按钮时，我编写了一些jquery来在单击菜单项时隐藏导航栏，然后再次单击导航栏切换按钮时，我想让它简单地再次显示出来，这样用户就可以选择另一个菜单项。发生的情况是，在第一个hide()事件之后，需要单击两次导航栏切换按钮才能显示菜单。我怎么才能得到它，只需要一次点击？以下是网站的代码和链接：
$('.select').on('click', function() {
$('#navigation').hide();
});
$('.navbar-toggle'
浏览 1提问于2016-03-11得票数 0
1回答
我有一个导航栏，当单击菜单图标时，将在“#备用导航”中滑动，并隐藏“#主导航”。然而，jquery似乎并没有显示“#辅助菜单”。下面是HTMl、CSS和jQuery。
这里的例子- 。
我的jQuery不是那么好，所以任何帮助都会受到感谢。
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type=
浏览 1提问于2015-06-29得票数 2
3回答
我有一个简单的jQuery代码，如下所示：
$( "#resp-navigation" ).one("click", function() {
$( "#navigation" ).slideToggle(500);
});
我的HTML看起来如下：
<div id="resp-navigation"> ... </div>
<nav id="navigation"> ... </nav>
我的问题是，当我点击#resp-导航div时，#导航一直在切换。有人知
浏览 5提问于2015-05-29得票数 2
回答已采纳
我有一个带有默认隐藏子导航的导航，我希望在单击时显示每个项的子导航，但当前单击它会同时显示所有项的子导航，因为单击是在切换一个类。我怎么能只切换点击项目的子导航？
<nav class="st-menu" id="menu-4a">
<ul>
<li>
<a href="#">Guidance Manual</a>
</li>
<li>
<a href=
浏览 1提问于2020-05-22得票数 0
回答已采纳
2回答
我的导航条上有一个自动下拉式菜单。除了主页之外，它在所有页面上都能正常工作。我认为这与application.js文件有关，那么jquery.ujs之前或之后的订单重要吗？为什么菜单不会掉到根目录/主页上呢？
//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require jquery.masonry.min.js
//= require_tree .
浏览 2提问于2013-09-23得票数 1
回答已采纳
1回答
在我的网站上有一个屏幕，我想在那里显示注册对话框，锁定，但显示，仅成员内容：。
目前，jQuery对话框锁定了整个屏幕--用户只能使用浏览器按钮离开屏幕。如何才能使jQuery对话框的背景覆盖只覆盖主导航菜单下面的区域？
谢谢
浏览 0提问于2013-03-10得票数 0
回答已采纳
我正在尝试制作一个响应性的导航条菜单，就像引导程序的导航条一样，但是我不能使用jquery，我使用的是Mootools。以前有人做过这种事吗？谢谢。
代码：
浏览 3提问于2015-11-17得票数 0
回答已采纳
3回答
我用引导带做了一个导航条。在这里，导航条的切换按钮总是对齐导航条的右侧。我的问题是，为什么它与它的右边是一致的？是什么使切换按钮保持在导航栏的右边。我们也没有用于按钮的ml-auto类，也没有在品牌和按钮之间的元素，该元素具有自动长度。那么，在此按钮上应用了哪个类的属性来使其与导航条正确地对齐？
在从ul标签中移除时，切换按钮仍然对齐导航栏的右侧。
跟我说说财产和负责这件事的班级。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
&l
浏览 5提问于2020-12-24得票数 1
3回答
我对jQuery比较陌生，而且我遇到了一些麻烦。我的任务是重新设计一个网页，并使用jQuery实现某些特性。现在，我正在为我的导航栏中的每个“按钮”创建一个下拉菜单。当我悬停在导航栏中的“按钮”上时，会出现下拉菜单。我的jQuery似乎在工作，但下拉菜单没有显示在网页上.
这是我的代码：
<head>
<title>Team Imperial College: Project Description</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery
浏览 8提问于2017-03-23得票数 0
2回答
有问题的网站：
我正在为这个网站构建一个可折叠的导航，并注意到在它折叠后，如果你展开和收回它，并再次放大窗口，导航就会消失。我尝试更改显示以阻止我的媒体查询，但我认为jQuery正在覆盖它。知道这是什么原因吗？
另外，我想让箭头在点击时旋转180度，我该如何定位呢？我的jQuery如下：
/* toggle nav */
$("#menu-icon").on("click", function(){
$(".nav").slideToggle();
$(this).toggleClass("active");
});
浏览 2提问于2012-12-21得票数 0
回答已采纳
1回答
情境:我使用的是Wordpress 3.4.2。主题加载Jquery。我是Jquery的新手。我添加了带有手动导航标签的WPSupersized background滑块。内容和小部件区域是半透明的，并且包装在#main div中。所以你可以看到1/2的背景图像。
问: Jquery如何在点击整个#main区域时隐藏以显示完整的背景图片？这个论坛上的所有例子都提到了在按钮后面显示-隐藏文本的一部分，但我想隐藏整个#main。
有谁已经找到了这个问题的解决方案吗？
浏览 4提问于2013-02-01得票数 1
我是一个jQuery初学者。
正在尝试将关闭状态应用于已应用打开状态的同一汉堡按钮。
我可以单击汉堡包按钮并显示滑出导航，但当复制按钮并应用关闭状态时，它似乎不想工作。
我正在关注这篇文章：
这是我的助手：
<a href="#main-nav" class="open-menu">
<button>
<span class="line line-t"></span>
<span class="line line-m"></span>
浏览 3提问于2014-09-07得票数 0
1回答
我有。在同一页上，我有一个表单，当我点击一个链接时就会显示出来，我现在的问题是只有当我点击它的链接时它才能工作，如果我点击一个不同的导航链接，然后尝试点击它来切换表单它不起作用，其他导航链接也是如此。
我已经尝试过$(".dropdown-toggle").dropdown();，这是我用来切换表单的JQuery代码
$(document).ready(function(){
$(".ps").click(function(){
if($("#div_data").is(":visible")){
浏览 0提问于2017-11-01得票数 2
我已经用bootstrap nav创建了一个导航菜单。我已经添加了一个小的jquery代码，当我按下移动切换菜单时，它将自动关闭并前往目的地
但是如果我在导航中有下拉菜单。此下拉菜单现在不起作用。当我按下拉菜单parent for expand i时，会自动关闭菜单。而且我无法检查下拉菜单中的可用菜单，所以我尝试添加一个条件。但它不起作用。
在下拉菜单中，父级具有名为.dropdown-toggle的类。如果这个类可用，它不应该自动关闭
if (jQuery(".navbar-collapse a").val() !== '.dropdown-toggle')
浏览 1提问于2015-06-15得票数 0
4回答
我使用了一个带有侧边栏导航菜单的CSS主题。我想添加一个按钮，让用户关闭侧边栏。
我熟悉jQuery切换、显示、隐藏等功能。我可以通过多种方式编写脚本来隐藏和显示div，但是有没有一种兼容的方法，可以在大多数浏览器和手机上运行？
除了在jQuery中显示隐藏之外，还有更好的选择吗？
谢谢
浏览 4提问于2012-05-23得票数 2
回答已采纳
1回答
我正在尝试实现一个粘性导航，就像中的粘性导航一样，当粘性导航出现时，它会平滑地滚动。到目前为止，我有：
jQuery("document").ready(function($){
var nav = $('.pengejar');
$(window).scroll(function () {
if ($(this).scrollTop() > 324) {
nav.addClass("sulap
浏览 1提问于2013-06-30得票数 1
回答已采纳
我正在使用Jquery cycle插件来创建一个公告幻灯片。当用户单击其中一个页面导航链接时，我想暂停幻灯片播放。我尝试使用pagerClick函数并将pause函数附加到页面导航链接的onclick事件，但都不起作用。你能帮上忙吗？
$('#highlights')
.after('<div id="pager">')
.cycle({
fx: 'fade',
timeout: 4000,
pager: '#pager',
pagerEvent:'mouseov
浏览 2提问于2010-10-29得票数 1
回答已采纳
我正在尝试创建一个类似于bootstrap中使用的JQuery下拉列表。
出现的问题是，当单击单个列表项时，所有子导航的显示块。
现在我知道这个问题可以用.each()来解决，但是我的代码似乎不能工作。
请在此处找到示例；
如果之前已经有人问过这个问题，很抱歉。
B
浏览 0提问于2012-02-20得票数 1
回答已采纳
以下是查看导航栏的jQuery代码，以便在单击时打开和关闭导航栏：
$('#sidenav-toggle').on('click', function() {
var $sidenav, $this;
$this = $(this);
$sidenav = $('.sidenav-overlay');
if ($this.hasClass('open')) {
$this.removeClass('open');
return $sidenav.remov
浏览 17提问于2021-02-19得票数 0
回答已采纳
1回答
在移动设备上，在默认情况下，Bootstrap 3将导航条(navbar)缩小为汉堡包图标。当单击汉堡包时，JavaScript会切换导航菜单项的显示--扩展或折叠导航条。但
如何在不需要JavaScript的情况下切换引导移动导航条的折叠/展开？
如果这是可能的话，它将有很好的性能优势--：用户可以在执行JavaScript之前导航(这对于片状移动连接来说是一个很好的优点)，而较小的项目可能能够完全放弃对jQuery +引导javascript的依赖，在第一个页面加载时节省大约45k。此外，在JS错误的情况下，站点变得更加健壮，--至少页面导航仍然可以使用。
或者，我们可以为导航栏做 - d
浏览 3提问于2015-07-19得票数 10
回答已采纳
4回答
我在iFrame中有一个左侧导航，有两个项目，可以在两个页面之间切换。有时有白色的闪光，有时没有。
到目前为止，我已经尝试了一些方法：
<iframe style="visibility:hidden;" onload="this.style.visibility = 'visible';">
并没有起到作用。
jQuery('#jobs-frame').load(function(){
$(this).show();
});
jQuery('#primary a').click(functi
浏览 0提问于2012-11-02得票数 5
2回答
我正在一个rails应用程序中实现jQuery选项卡，其中我希望有一个横幅是导航栏中选项卡后面的背景图像。例如，在下面的中，猫的图片将位于 'About‘选项卡后面的灰色区域中。
当前，选项卡的高度似乎重新调整以适应横幅，但是它没有显示，导航栏的默认灰色区域只显示出来。
下面是我的_tab.html.erb中的代码：
<meta charset="utf-8" />
<title>title</title>
<link rel="stylesheet" href="http://code.jquery.
浏览 2提问于2013-07-22得票数 0
回答已采纳
1回答
我想设置我的引导导航响应在任何宽度，我想。例如，在1200像素的宽度中，它应该像普通导航一样，但在1110像素宽；我想设置菜单以响应。我试图用jquery实现它，但没有响应。有这样的事吗？
浏览 1提问于2014-01-17得票数 1
回答已采纳
2回答
在这里，我使用div和jquery创建导航菜单。我在这里尝试了几件事，但没有得到我真正想要的结果。你可以看到，当我点击一个链接时，那两个滚动条(x & y)就会出现(我不想那样)，而且我没有正确地得到jquery分解效果。它从左边滑行。如何正确实现jquery爆炸效果？我已经为jquery爆炸效果编写了很长的代码，对吗？
$(document).ready(function() {
$("#showhome").click(function(){
$("#firstdiv").show( "explode
浏览 0提问于2013-12-20得票数 2
我已经安装了BXSlider ()。现在我想让下面的jQuery脚本在输入“幻灯片”时运行。
$(document).ready(function () {
$(".next-prev-nav").fadeTo( "slow", 1 );
$(".disable-slide-nav").hide();
});
(该脚本将再次启用滑块的导航。)
我试着搜索BXslider的网站，但我找不到任何关于它的东西。
希望有人能帮帮我。
浏览 1提问于2017-12-19得票数 0
我试图添加Jquery效果或CSS淡出/幻灯片到我的子菜单，但似乎无法使它发挥作用。ul子导航被设置为在我的CSS中不显示任何。然后，当你点击'a‘标签与类下拉按钮，它添加类’显示-子菜单‘这个子ul (现在，显示块在我的CSS)。我的代码如下；
HTML：
<ul class="nav-list">
<li><a href="index.html">Home</a></li>
<li>
<a class="dropdown-toggle
浏览 4提问于2015-09-04得票数 1
1回答
我计划有一个导航条，保持在一个固定的位置，直到导航条到达顶部的浏览器窗口，同时滚动。
我能够用jquery实现这一点，但它并不顺利。
$(window).scroll(function()
{ var box = document.getElementById('box'),
scroll = $(window).scrollTop();
if (scroll <= 598) { $("#box").css("top",598); }
浏览 2提问于2012-07-18得票数 0
回答已采纳
我有一个有导航栏的页面，另一个页面在url：下面
当我点击导航栏中的第一个项目，这是一个图像，我希望一边淡出或如果它已经淡出，我希望它淡入。我现在只是尝试淡出使用jquery，但是事件似乎没有做任何事情。
我尝试在jquery中使用类、id、子函数和find函数。所有这些似乎都没有帮助
这是我的代码：
html
<head>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="js/act
浏览 0提问于2019-08-20得票数 0
回答已采纳
我正在开发一个导航侧边栏，它可以从窗口的左侧、点击或其他类似事件中来回切换。使用jQuery似乎相当简单：
$(document).ready(function () {
$nav = $("nav");
$nav.hide();
// Toggles the nav bar when clicking the nav-intersect icon.
$("#nav-intersect").click(() => {
$nav.animate({ width: 'toggle' }, 350);
})
});
浏览 2提问于2020-04-03得票数 0
回答已采纳
1回答
这是为了：
我有两个导航文件夹，它们下面的页面在左侧导航。文件夹中的页面标题具有以下css：
.main-nav .subnav ul {display:none;
transition: all 100ms ease-in-out;
}
.main-nav .subnav ul.expand {
display: block;
}
我让jquery来切换.expand类，它将在单击时显示标题：
<script>
$(document).ready(function(){
$(".main-nav li.folder").click(function(){
浏览 6提问于2017-12-16得票数 0
回答已采纳
我目前正在使用一个导航栏，其中有一个按钮，可以让您更改页面的语言。
首先，我对网站的每种语言版本都有两个子目录：
[...]/en/*.html
[...]/nl/*.html
*.html代表该子目录中的每一页
我在每个页面上都使用相同的导航栏，所以我的问题是：，如何使用jquery/js?交换url的中间部分
如果Jquery/js是不可能的，那么如果没有Jquery/js，我如何做到这一点呢？
目前，我只将url存储在一个变量中，以便使用它：
var pathname = window.location.pathname;
输出/en/home.html (例如)
我认为，最简单的方法是
浏览 0提问于2016-06-13得票数 1
回答已采纳
我有一个完全无用的wordpress页面，我正在通过wp_nav_menu()在wordpress中添加我的导航。
<?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
Wordpress输出以下html结构：
<div class="menu-header">
<ul class="menu" id="
浏览 2提问于2010-11-01得票数 0
回答已采纳
1回答
因此，我使用jQuery路径点作为一个粘性的社交媒体导航，但是，当我点击页脚元素时，它一直在滚动。理想情况下，我希望粘性导航在它的父容器(.content)底部，当它碰到页脚时，反之，当用户回滚时，粘性导航就会再次变粘。
有谁知道实现这一目标的简单方法吗？。
var sticky = new Waypoint.Sticky({
element: $('.sticky')[0]
});
浏览 4提问于2016-06-16得票数 7
回答已采纳
我有以下使用Jquery移动UI 1.01框架的导航栏；
<div id="footer" data-role="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" onClick="toggle_units();" class="ui-btn-active">Oilfield</a
浏览 1提问于2012-02-11得票数 2
我已经成功地在我的应用程序的所有页面上实现了一个固定的导航栏，除了其中一个页面。此页面包含高度为100%、宽度为100%的iframe。
当我加载页面时，一切都正常。
如果我滚动屏幕，一切仍然正常。
但接下来，我单击iframe内的链接
然后我滚动，导航栏和标题栏在滚动过程中不再固定。然后他们又回到了自己的位置。
下面是一些代码，可以帮助您解决问题
<!DOCTYPE html>
<html>
<head>
<title>My Page</title>
<meta name="viewport&#
浏览 0提问于2012-12-25得票数 1
1回答
在我正在处理的站点中，我使用jQuery .toggle()函数在移动设备中查看站点时显示和隐藏导航。下面是我使用的代码：
<script>
$(document).ready(function() {
$('.nav-toggle').click(function(){
//get collapse content selector
var collapse_content_selector = $(this).attr('href');
浏览 0提问于2013-08-27得票数 2
回答已采纳
3回答
因此，我得到了一个web模板，它使用一个名为sticky的jquery库，当您滚动时，它会将导航(从底部开始并向上移动)“粘贴”在页面的顶部。
我想能够扑通一个标志到导航，一旦它达到其休息的地方(后滚动)。类似于这个网站- 。一旦你滚动经过图像标题，徽标就会淡入导航栏，然后停留在页面上。无论如何，下面是jquery代码的摘录：
<script>
$(window).load(function() {
$('nav').sticky({ topSpacing:0, className: 'sticky', wrapperClassName:
浏览 0提问于2013-06-15得票数 0
回答已采纳
2回答
我正在创建一个响应多层下拉导航栏。我有同一个类名的多个。我只想切换一个，但jquery影响所有。每个人都有一个带有类“切换下拉”的按钮。
它有另一个导航级别。
我的密码是：
HTML
浏览 4提问于2016-12-15得票数 1
回答已采纳
希望你们中的一些人能帮我解决这个问题。
我正在制作一个页面网站，其中包括一些jquery。导航条固定在页面顶部，并以100 in的高度开始。
我到目前为止使用的jquery包括；
滚动动画，所以当一个导航链接被点击滚动用户到页面的相关部分。我还没有在这个问题中包含这个jquery代码。
当scrollTop达到650 re时，导航条的高度将调整到50 re，包含的行(包括链接)的宽度将从1280 re减少到900 re。
您可以从我的scrollTop JSFiddle或下面的代码- 中看到这个jquery。
$(document).ready(function(){
浏览 0提问于2014-03-08得票数 0
回答已采纳
我对学习HTML、CSS和JavaScript比较陌生。我正在创建一种测试网站，只是为了学习的目的，并已开始潜入移动响应网站。
我有一个测试站点，其中有一个移动导航按钮隐藏，与一个CSS媒体查询设置显示为阻止和隐藏正常导航菜单。我还为移动导航菜单列出了项目。为了显示/隐藏这一点，我创建了一个.toggleClass() jQuery函数：
function clicktouchmenu()
{
$('#menuico').on('click touch', function()
{
var $mobmen = $(".mo
浏览 1提问于2017-04-07得票数 1
回答已采纳
我有一个使用Jquery分页的页面，其中分页导航阻塞可能由多个源控制(我不能100%确定这是否正确，但请听我说完)。有viewmodel isValid()方法，如果模型无效，则knockout.js enable绑定应该禁用导航控件。我看到的是isValid()返回true，但控制仍然是禁用的。
如何判断忽略isValid函数更改的是敲除绑定？可能是有另一种机制禁用按钮，但在寻找它之前，我想确保knockout.js是有功能的。
在下面的截图中，我已经打印了相关的值。
浏览 1提问于2014-05-19得票数 0
回答已采纳
我目前正在使用Bootstrap v3.3.6和jQuery v1.9.1。我有一个应用程序，一旦达到一定的屏幕分辨率，就会折叠一个水平导航栏。我喜欢这个功能是如何工作的，并希望维护当前的屏幕分辨率断点。当肚脐达到一定宽度时，我想做的也是折叠肚脐。该应用程序允许不同的用户具有不同的角色，这些角色可以根据用户的角色从导航栏中添加或删除项。
有没有一种通过CSS根据导航条的宽度折叠导航条的方法？javascript是唯一的选择吗？
浏览 0提问于2016-12-27得票数 0
回答已采纳
1回答
我想知道，是否有一种方法可以用jquery代码下面的VueJs替换，这些代码只显示/隐藏嵌套导航：
<nav class="nav nav-navbar">
<div class="parent"><a class="nav-link active" href="#">Home</a></div>
<div class="nested hide">
<a class="nav-link" href="#&
浏览 1提问于2018-06-17得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
