我想在所有的页面上放一个导航条，但是每次我更新我的导航条时，我必须在所有的页面上更新它。因此，我想要在一个不同的html文件中的导航栏，并将它导入到所有页面。通过这种方式，我将从这个不同的文件中更新导航条，它将在所有页面上自动更新自己。有使用jquery的方法吗？
<div id="IAmFromAHtml">Navbar<div> <div id="IAmFromBHtml">Empty Space<div> <div id="IAmFromCHtml">Empty Space<
浏览 3提问于2017-02-04得票数 0
回答已采纳
我使用的前端设计，我创建一个导航条，我希望这个导航条工作的所有页面，我的要求是做一个导航条和使用这个导航条在每一页，没有定义另一个导航条在单独的页面。当我在索引页中调用我的导航栏时，我在我的片段文件夹中创建了一个导航条，这是我的索引页index.html代码。
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta n
浏览 3提问于2021-12-29得票数 0
在网络上有几个这样的例子，只使用HTML和CSS，或者引导。他们经常有这样的例子：
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
我希望导航栏不必在每次刷新/链接单击时加载。该示例中的锚应该被其他包含完整导航条源本身的页面
浏览 5提问于2016-10-06得票数 1
回答已采纳
无论何时单击导航条，它都会更改导航条文本内容，并且导航条将同时展开，但扩展不起作用。能给我点提示吗？
$("nav").click(function() {
$(this).html($(this).html() == 'chemistry' ? 'STUDENTS' : 'chemistry');
$('.student-list').slideToggle();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/
浏览 0提问于2018-08-21得票数 0
回答已采纳
1回答
离子2-动态离子标题
、、、
如果我在根HTML中设置了导航条，那么动态地在离子导航栏中设置标题的最佳方法是什么？例如：
app.html
<ion-header>
<ion-navbar>
<ion-title>{{some title here}}</ion-title>
</ion-navbar>
</ion-header>
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav>
&l
浏览 1提问于2017-03-06得票数 3
回答已采纳
1回答
我在每个页面上都有相同的导航条形码，但是当移动访问它时，我只能在home.html上扩展导航条，当我通过导航条导航到另一个页面时，我就不能再扩展它了。
网址：
JSFiddle：
$(document).ready(function() {
$("#navToggle a").click(function(e){
e.preventDefault();
$("header > nav").slideToggle();
$("#logo").toggleClass("menuUp menuDown")
浏览 2提问于2016-03-10得票数 0
回答已采纳
现在，我在所有html文件(home.html、about.html、contact.html)上都有导航菜单栏html代码，但我想知道是否有一种方法可以将导航条html代码放到另一个文件(即menubar.html)中，然后将该文件链接到我希望导航条条所在的html文件中。这样，如果我想对条形图进行更改，我只需要更改一个文件，而不是每个包含它的文件。对怎么做有什么想法吗？
浏览 3提问于2015-05-09得票数 2
回答已采纳
1回答
我正在编写简单的HTML和CSS & JS代码，
我试图创建一个响应性导航栏，我的标志作为主页的链接-然而，当导航条的高度是理想的(在2-3雷姆)的图像太小，
我试过调整填充和边距，但如果不扩大导航栏中剩余的资产，我就无法放大图像。
2 2rem导航条-带有小图像的HTML代码CSS代码图像在理想大小，链接和导航条太大
1： 2： 3： 4：
任何帮助都将非常感谢
浏览 2提问于2022-04-29得票数 0
1回答
django块未显示
、、、
我想向base.html添加一个导航条、消息和内容，这是正确的方法吗？我还希望配置文件作为导航条的扩展，所以当您在配置文件按钮上悬停时，将弹出导航条配置文件。目前，我无法看到带块的导航条，但它可以使用include。
base.html
{% block nav %}'
{% endblock nav%}
{% block messages %}
{% endblock messages %}
{% block content %}
{% endblock content %}
navbar.html，我应该在这里使用配置文件还是配置文件块？
{% extend
浏览 1提问于2021-09-08得票数 0
回答已采纳
在我的application.html.erb中，我呈现一个标题和一个导航条
<%= render 'layouts/header' %>
<%= render 'layouts/navbar' %>
<%= yield %>
在devise上，我想隐藏标题和导航条，只显示登录视图。
浏览 1提问于2015-11-12得票数 0
回答已采纳
1回答
我正在尝试为WordPress模板创建引导折叠导航条。我必须添加一些HTML属性，如数据切换。经过研究，我发现必须定制Walker类，但是start_lvl和start_el只是影响子菜单。
通常，我如何创建像w3schools这样的引导折叠导航条和显示为这里的子列表(折叠导航条中的下拉菜单)？
谢谢
浏览 0提问于2020-06-17得票数 0
2回答
我是新来的，我第一次使用和。我需要帮忙处理肚脐。在模板中，每个content.html都有自己的导航条。
我需要一个单独的文件中的导航条，因为我不想在每个content.html文件中进行更改。
在我以前的网站上，没有Bootstrap，我工作过：
<?php
include("includes/navigation.html");
有人能帮我吗？
浏览 2提问于2014-06-11得票数 2
回答已采纳
我为最基本的东西而挣扎
我正试图使这个侧导航出现并与JavaScript一起消失。下面的代码只激活导航条，而不禁用导航条。尝试了所有的选项，但我不知道如何调用函数关闭导航条。
谢谢
HTML
<div id="mySidenav" class="sidenav">
<a href="#" class="closebtn">×</a>
<a href="#">About</a>
<a hre
浏览 4提问于2017-08-17得票数 0
回答已采纳
在我的web应用程序中，我使用 (如下图所示)来进行URL路由，如下所示：
$stateProvider.state('myState1', {
url: '/state1',
templateUrl: 'state1.html',
controller: 'MyState1Ctrl'
});
$stateProvider.state('myState2', {
url: '/state2',
templateUrl: 'state2.html&
浏览 1提问于2016-11-17得票数 1
2回答
我在一个文件中有一个引导导航条，navbar.html和我用Jquery.load()将它加载到我的HTML页面中。
我的HTML页面底部有这样的内容：
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(function(){
$("#navbar-partial").load("navbar.ht
浏览 2提问于2014-10-29得票数 2
回答已采纳
1回答
为了学习目的，我创建了一个小小的网络应用程序。
你可以在这里找到这个应用程序：
我有一个关于角度和范围的问题。在index.html ()中，我有一个肚脐。我的第一种方法是将这个导航条放入一个单独的HTML文件中，并使用ng-include来包含它，因为我不想在我的index.html中有那么多代码。
优先逼近
我的index.html看起来是这样的：
<html ng-app="shopping">
<head lang="de">
...
<title>Einkaufsliste</title>
浏览 4提问于2015-04-06得票数 0
回答已采纳
2回答
固定右肚脐自举
、、
我想向我的html页面添加一个引导程序固定的右导航条，但是我只找到了固定的顶部/固定底部导航条示例。
如果有人能为此目的发布一个简短的源代码，那就太好了。
浏览 1提问于2015-06-06得票数 0
回答已采纳
1回答
在自己的站点上实现引导Nav条
、、、、
想知道是否有一个简单的方法实现从到我的网站的导航条。我尝试过将源代码从html文件复制到我的页面，并将bootstrap.min.css文件链接到我的站点的html页面，但是我无法让导航条工作。按钮的图像不会出现，当按下按钮通常所在的位置时，导航条就不会显示。
有没有一种简单的方法把它放到我的网站上，而不把有用的和无用的源代码复制到我的页面上，并希望它能工作？
有人能突出显示我需要复制到我的网站的代码，这样才能奏效吗？
谢谢
浏览 1提问于2015-07-26得票数 0
回答已采纳
1回答
我有一个DevExpress导航条，我想在它的内部显示一个部分视图，但是当我试图添加一个部分视图时，它会显示导航条外部的部分视图。
@Html.DevExpress().NavBar(
settings =>
{
settings.Name = "navBarSettings";
settings.Groups.Add(group => {
group.Text = "Miscellaneous Properties";
浏览 1提问于2013-11-26得票数 1
回答已采纳
我正在构建一个带有导航条的站点，我从另一个html文件中加载该站点，如下所示：
Navbar HTML
<nav class="navbar fixed-top navbar-expand-lg bg-dark navbar-dark">
<a class="navbar-brand" href="index.html">Site</a>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
浏览 1提问于2018-03-26得票数 2
回答已采纳
我很难用带带的导航条来显示导航条。我已经检查了我的代码，但不确定问题是什么。
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.css" rel="styl
浏览 3提问于2017-05-26得票数 0
回答已采纳
1回答
用ajax加载主要内容
、、、
我在我所有的.html页面上都有一个导航栏div。为了不将导航条代码复制到每个页面上，我创建了一个带有代码的.html页面，并通过jquery在每个页面上打印它，如下所示：
<div id="includeNavbar"></div>
实际打印的代码是：
$(function(){
$("#includeNavbar").load("navbar.html");
});
是否有一种方法可以通过jquery加载导航条并加载剩余内容，但仍然使用这种打印方法？
我正在使用最新的Bootstrap版本
浏览 0提问于2019-06-06得票数 3
回答已采纳
1回答
我正在用推特引导来做这个。我确实创建了一个导航条，当google chrome窗口被缩小时，它确实崩溃了，广告应该是这样的。但是，当我添加一些css来将内容放在导航栏的中心时，当窗口缩小时，它就不再“折叠”，导航条<li>完全消失了。为什么会这样呢？这是我的导航条形码：
<nav class="navbar navbar-default navbar-static-top" role="navigation" id="bar">
<div class="container-fluid&
浏览 2提问于2014-10-16得票数 0
回答已采纳
我正在使用Laravel做一个应用程序，我想使用twitter引导程序。
我使用的是Laravel4.1和Boottstrap 3.1.1
我想要一个导航条，所以我做了这个代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
&l
浏览 0提问于2014-04-21得票数 1
回答已采纳
1回答
我目前正在尝试学习HTML5与Javascript和CSS集成，使一个基于网络的游戏，在帆布上，我目前正在工作的底部导航栏，在我做任何事情之前，游戏本身，我想工作的所有可链接的对象，如导航条和标签。
无论如何，当我试图制作一个导航条时，我遇到了一个问题，导致我的导航条及其下面的边框在它们之间有空格，我个人认为它看起来很低劣，我提供了下面的代码：
.container h1 {
margin-top: 0;
padding-top: 1em;
}
.topnav {
background-color: black;
overflow: none;
}
.topnav a
浏览 4提问于2019-11-29得票数 2
回答已采纳
2回答
我正在尝试实现一个包含导航条的页面(参见导航栏)，该页面的内容是通过ngView从部分html插入的。但是，当单击下拉列表时，整个ngView部分将消失。
我是这样定义ngView的：
<div ng-controller="MainCtrl">
<div ng-view></div>
</div>
这是一个柱塞： (请点击“单独窗口中的启动预览”来查看导航条)单击导航条按钮“下拉”。
如果我调试屏幕，我可以看到ngView根本没有呈现，我所看到的就是：
<!-- ngView: -->
有什么想法吗？
浏览 1提问于2015-08-20得票数 2
回答已采纳
2回答
我是copy>pasting，这个示例代码来自Materialise.css
代码显示了一个基本的导航条，它在较小的屏幕上被移动导航条所取代。这是可行的，除了在我的“正常”完整窗口视图中，导航条显示一个重复的菜单。
换句话说，移动<ul></ul>列表是而不是隐藏在完整窗口视图中的。我遗漏了什么？(我包括了所有的库，css，js，jquery，和教程中一样)。
实现HTML：
<nav>
<div class="nav-wrapper">
<a href="#!" class=&#
浏览 7提问于2015-07-27得票数 0
1回答
我试图通过添加一个导航条来编辑木星界面，但是，下面生成页面的javascripts会覆盖我的html导航栏，因此，我真的需要帮助来解决这个问题。谢谢。
这是jupyterlab静态html文件内容(位置: /opt/tljh/user/share/jupyter/lab/static/index.html). )。两个javascripts是生成木星页面的脚本，testingfile.html是我在index.html文件中包含的导航条。
< script type="text/javascript“src="{{page_config.fullStaticUrl}}/
浏览 7提问于2020-11-04得票数 1
1回答
元件的自举宽度对齐
、、、
我需要安排一个引导输入组和一个药丸导航条如下：
输入组应该具有导航条的宽度，这是动态的，取决于导航栏的措辞。我的html结构如下所示：
我不知道如何做到这一点。希望有人能帮我！谢谢
浏览 3提问于2015-03-04得票数 1
回答已采纳
1回答
我在两个HTML页面中有相同的导航条。在一个页面上，它与bootstrap/3.3.7完美地工作。在另一个页面上，我在Bootstrap 4中使用了Cards。当我注释掉<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">时，卡片工作得很好，导航条也不起作用。当我注释掉时，<link rel="stylesheet" href="https://maxcdn.bootstra
浏览 1提问于2018-06-03得票数 0
回答已采纳
我正在创建一个导航条，它在用户滚动时消失，如果用户向上滚动，它将重新出现。我还想将导航条的代码保存在它自己的HTML文件中，以便更容易地编辑。
.load
导航条代码包括在index.html文件中如下所示：
<div id="nav"></div>
要加载的JavaScript包含在index.html文件的<script>中：
$(function(){
$("#nav").load("navbar.html");
});
这行得通！
.addClass
我还使用以下jQuery函数
浏览 2提问于2022-08-08得票数 0
回答已采纳
1回答
如何安排HTML以显示两个带有引导程序3的堆叠导航条？在ASCII艺术中，布局应该如下所示：
+-------+
| a b c |
+-------+
| d e f |
+-------+
| ... | <- rest of the page
其中a，b，c，d等都是按钮。
我想把这个布局也显示在宽屏幕上，它只是一种分组控件的方式。注意，说两个堆叠的工具栏，我指的是两个可视导航条，因为从类的角度来看，我希望有一个公共的父navbar类，否则固定的定位可能会导致两个导航条重叠。
浏览 0提问于2014-01-13得票数 1
3回答
所以在我制作一个导航栏的网站上，我使用了这个代码。
<div id="container">
<a href="index.html"><span>Home</span></a>
<a href="blackmail.html"><span>Blackmail</span></a>
<a href="keep_safe.html"><span styl
浏览 6提问于2016-05-01得票数 1
回答已采纳
1回答
我有一个表单，当我按下肚脐上的按钮时，我会试图访问它。我有一个基本模板文件，它由导航条和背景色的代码组成，还有另一个模板，它包含表单的代码。每当我删除{% extends 'base.html' %}时，导航条按钮似乎都能工作，但只有表单才会出现。我希望能够扩展的基本模板，所以导航条背景色和导航条也显示，但这是行不通的。
来自base.html的代码片段
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" hr
浏览 3提问于2020-06-24得票数 0
回答已采纳
2回答
所以我试图为一个学校项目创建一个导航条，但是我不能让所有的按钮均匀地分布在整个肚脐上。我已经尝试这样做了一段时间，而导航条形码都是混乱的，这无助于我的情况。有溶质吗？
HTML代码是：
<ul>
<li><a href="homepage.html"> <img src="Images/homepage/logo.png" width="20" height="20" href="#home"> </a></li>
<div cl
浏览 0提问于2018-04-22得票数 1
回答已采纳
2回答
我在GoLang &布法罗有一个后端的搜索引擎，我对网络编程很陌生，我相信这是个愚蠢的问题。我有一个带搜索栏的导航条，还有一个搜索栏。导航条是一个嵌入的html (毛绒部分)。
search.html的表单工作得完美无缺，但是导航条的提交按钮没有做任何事情。
有以下代码：
<!-- search.plush.html -->
<html>
<body>
<div>
<%= partial("header.html") %>
</div>
...
浏览 3提问于2020-08-26得票数 1
回答已采纳
我现在在一个网站上工作。我的海军只在index.html页面上工作。当我在网页浏览器中使用aboutme.html时，不能点击导航条上的任何按钮。我复制了标准的引导导航条，并将其设计成中间的样式。
style.css ( css/style.css)：
/* Style Navbar */
.navbar-brand {
/* logo */
margin-left: 20vw;
}
/* .active {
font-weight: 600;
text-decoration: underline;
} */
.dropdown {
positio
浏览 3提问于2020-09-02得票数 1
回答已采纳
我想要创建常见的header(navbar)和页脚页面，包括在多页面/几个页面的网站。使用nodejs和高速公路创建动态网站
将导航条和页脚的代码放在公共的、header.html、和footer.html中，并在其他html页面中调用或包含这个通用的页眉/导航条和页脚html页面。
如何使用模板引擎(如hbs或ejs )创建网站
我知道它可以使用php或jquery来完成。
<html>
<head>
<title>document</title>
</head>
<body>
<div id="head
浏览 4提问于2019-05-09得票数 1
1回答
我正努力做到以下几点：
我在app.component.html中有一个app.component.html组件，它显示站点的主顶部导航条。工具栏下面是<router-outlet></router-outlet>。
当用户导航到localhost:4200/的根目录时，我希望顶部导航栏是可见的，而与导航栏中链接相关的所有组件都呈现在顶部导航栏下面。
现在的问题是，当用户导航到根目录时，顶部导航栏会被重复两次。单击链接，删除重复的导航条，并在导航条下呈现适当的组件(这是我不想重复的内容)。
这是app.module.ts
// initializat
浏览 1提问于2018-07-06得票数 3
回答已采纳
我对前端技术(HTML、CSS、JavaScript、Bootstrap)相当满意。我知道如何建立响应性的网站。
我想要创造的东西，下一个层次，有两样东西：
1)当用户滚动通过大屏幕(屏幕的第一部分)时，屏幕上弹出的导航条。
就像这样：？
我和我用引导程序创建的概念是一样的。看看这个：
我想让导航条弹出后，当用户滚动通过“关于应用程序”部分。
( 2)使元素在用户向下滚动时褪色
像这样： (向下滚动，元素淡入/移动)
我如何达到这两个效果？这些效应的名称是什么？
我知道HTML、CSS、Bootstrap、JavaScript和jQuery以及一些Angularjs。
编辑:我不想改变肚脐当我
浏览 4提问于2017-08-28得票数 0
回答已采纳
我在我正在工作的新网站的导航栏上有个问题。当我使一个镀铬窗口变小，使我的菜单变成肚脐，我无法使肚脐工作。菜单不会出现在点击。我正在努力将html5模板转换为Wordpress模板。导航条正在使用html5模板，所以在为WP编写代码时，我已经做了一些工作来查找导航条。
它是与脚本相关的还是css相关的？实际代码尚未更改。
有人有什么想法吗？
浏览 2提问于2014-01-24得票数 1
回答已采纳
1回答
所以，我使用一个纯CSS导航条，它使用复选框覆盖导航菜单。--当我选择链接时，我试图让导航条关闭。例如，当我单击联系人链接时，它应该向下滚动到位于同一页面上的id" contact“，但是，当导航条仍然显示时，页面会向下滚动，所以我必须手动单击复选框来关闭它。我试过用一些js来解决这个问题，但没有运气：
完整代码链接：
<!-- Navigation code-->
<input type="checkbox" id="nav-toggle" class="checkbox" />
<label for=&
浏览 0提问于2019-03-27得票数 0
回答已采纳
我有一个像这样简单的导航条：
<ul class="nav">
<li><a href="<%= index_url %>">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="<%= users_url %>">Users</a></li>
</ul>
浏览 5提问于2011-12-01得票数 3
回答已采纳
2回答
我正在将前端代码从现有的项目复制到django。当我在django中打开项目的index.html时，导航条没有显示。但是，在调整大小之后，我得到了肚脐。导航条形码是：
<div id="decorative2">
<div class="container">
<div class="divPanel topArea notop nobottom">
<div class="row-fluid">
&
浏览 2提问于2016-05-08得票数 3
回答已采纳
1回答
创建可折叠导航条
、、
我想使主可折叠导航条包含其他导航条(可折叠)。我有一个，但我无法制作一个主可折叠导航条，其中将包含该可折叠导航条。就像在这段代码中一样，我已经将“配置文件”作为一个可折叠的条，并希望将“导航”作为另一个可折叠的，其中将包含“配置文件”导航栏。
我试图编辑下面的CSS：
.menu {
border-radius: 8px;
position: relative;
}
I have tried to add: .menu {
border-radius: 8px;
position: relative;
overflow: hidden;
transition: max
浏览 0提问于2019-06-06得票数 0
回答已采纳
1回答
我想在柔性盒中创建响应性导航栏。目前所面临的问题是如何在集装箱的中心对齐条形。我试过了-内容:中心和文本对齐:中心，使用这些，我发现一些空的空间之前，导航条不是完全对齐中心移动屏幕，请检查我的代码，并帮助我！
Html文档
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:200,300,400,700" rel="stylesheet
浏览 1提问于2021-05-13得票数 0
回答已采纳
在我的web应用程序中，我使用 (如下图所示)来进行URL路由，如下所示：
$stateProvider.state('myState1', {
url: '/state1',
templateUrl: 'state1.html',
controller: 'MyState1Ctrl'
});
$stateProvider.state('myState2', {
url: '/state2',
templateUrl: 'state2.html&
浏览 1提问于2016-11-17得票数 0
我正在使用javascript文件将另一个Html文件(这个文件包含我的导航栏)加载到我的主索引页面中。我能够使用下面的Jquery代码来完成这个任务。
$('#sideNav').load("navbar.html");
这对于加载我的导航条是有效的，但是它提供了一个奇怪的效果:页面加载，1秒后加载导航条。因此，我决定尝试使用一个链接标记预加载脚本。我有下面的代码来做这个
<link rel="preload" href="js/script.js" as="script">
但是，使用此方法，na
浏览 0提问于2019-08-10得票数 0
回答已采纳
2回答
我的导航栏有一个控制器，因为它会出现在某些页面上，而不是其他页面上。这是导航栏的标记：
<html ng-app="myApp">
<head>
<title> My layout.html </title>
</head>
<body>
<nav ng-controller="NavCtrl">
I have this NAVBAR
</nav>
<div ui-view></div>
</bod
浏览 3提问于2015-07-31得票数 1
回答已采纳
2回答
如何考虑html锚的体边距
、、、、
我有这个页面与固定的nabber顶部(使用默认的引导导航栏)。
该页面包含一个菜单，其中包括使用html锚链接到页面不同部分的链接。关键是:滚动位置并不完美，因为这个导航条占据了页面的第一个50 to，所以单击html链接定位后，内容就被导航条隐藏起来了。
我想要做的是:锚链接考虑第一个50 it将它完美地滚动到内容。
有没有人知道怎么解决这个问题？
浏览 2提问于2014-11-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
