Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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
Javascript 引导导航栏中的链接_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 引导导航栏中的链接

Javascript 引导导航栏中的链接,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我已经读到这可能是不可能的,但我仍然需要确保在引导导航栏中插入指向本地文件的链接。这是我的导航栏: 我希望主页图标(左侧)重定向到我的主页文件,而右侧的链接重定向到页面的其他部分。但当我点击时什么也没发生。我正在寻求帮助,所以我在等你们来照亮我的一天:) 这是我的密码: 好帮手。 身体{ 字体:400 15px拉托,无衬线; 线高:1.8; 颜色:#818181; } 氢{ 字体大小:24px; 文本转换:大写; 颜色:303030; 字号:600; 边缘底部:30px; } h4{ 字号:

我已经读到这可能是不可能的,但我仍然需要确保在引导导航栏中插入指向本地文件的链接。这是我的导航栏:

我希望主页图标(左侧)重定向到我的主页文件,而右侧的链接重定向到页面的其他部分。但当我点击时什么也没发生。我正在寻求帮助,所以我在等你们来照亮我的一天:) 这是我的密码:


好帮手。
身体{
字体:400 15px拉托,无衬线;
线高:1.8;
颜色:#818181;
}
氢{
字体大小:24px;
文本转换:大写;
颜色:303030;
字号:600;
边缘底部:30px;
}
h4{
字号:19px;
线高:1.375em;
颜色:303030;
字体大小:400;
边缘底部:30px;
}  
琼伯伦先生{
背景色:#F451E;
颜色:#fff;
填充:100px 25px;
字体系列:蒙特塞拉特,无衬线;
}
.容器液体{
填充:60px 50px;
}
.bg灰色{
背景色:#f6f6f6;
}
.标志小{
颜色:#F451E;
字体大小:50px;
}
.标志{
颜色:#F451E;
字体大小:200px;
}
.缩略图{
填充:0 15px 0;
边界:无;
边界半径:0;
}
.缩略图像{
宽度:100%;
身高:100%;
边缘底部:10px;
}
.carousel-control.right、.carousel-control.left{
背景图像:无;
颜色:#F451E;
}
.转盘指示器{
边框颜色:#F451E;
}
.转盘指示器li.active{
背景色:#F451E;
}
.项目h4{
字号:19px;
线高:1.375em;
字体大小:400;
字体:斜体;
利润率:70像素0;
}
.项目跨度{
字体风格:普通;
}
.小组{
边框:1px实心#F451e;
边界半径:0!重要;
过渡:盒影0.5s;
}
.面板:悬停{
盒影:5px0px40pxRGBA(0,0,0,2);
}
.panel footer.btn:悬停{
边框:1px实心#F451e;
背景色:#fff!重要;
颜色:#F451E;
}
.小组标题{
颜色:#fff!重要;
背景色:#F451E!重要;
填充:25px;
边框底部:1px实心透明;
边框左上半径:0px;
边框右上角半径:0px;
边框左下半径:0px;
边框右下半径:0px;
}
.面板页脚{
背景色:白色!重要;
}
.面板页脚h3{
字体大小:32px;
}
.面板页脚h4{
颜色:#aaa;
字体大小:14px;
}
.panel页脚.btn{
利润率:15px0;
背景色:#F451E;
颜色:#fff;
}
navbar先生{
页边距底部:0;
背景色:#F451E;
z指数:9999;
边界:0;
字体大小:12px!重要;
线高:1.42857143!重要;
字母间距:4px;
边界半径:0;
字体系列:蒙特塞拉特,无衬线;
}
.navbar li a、.navbar.navbar品牌{
颜色:#fff!重要;
}
.navbar导航li a:悬停,.navbar导航li.active a:非(#顶部){
颜色:#F451E!重要;
背景色:#fff!重要;
}
.navbar默认值.navbar切换{
边框颜色:透明;
颜色:#fff!重要;
}
页脚符号图标{
字体大小:20px;
边缘底部:20px;
颜色:#F451E;
}
.slideanim{可见性:隐藏;}
.幻灯片{
动画名称:幻灯片;
-webkit动画名称:幻灯片;
动画持续时间:1s;
-webkit动画持续时间:1s;
能见度:可见;
}
@关键帧滑动{
0% {
不透明度:0;
-webkit转换:translateY(70%);
} 
100% {
不透明度:1;
-webkit转换:translateY(0%);
}   
}
@-webkit关键帧幻灯片{
0% {
不透明度:0;
-webkit转换:translateY(70%);
} 
100% {
不透明度:1;
-webkit转换:translateY(0%);
}
}
@媒体屏幕和屏幕(最大宽度:768px){
.col-sm-4{
文本对齐:居中;
利润率:25px0;
}
.btn lg{
宽度:100%;
边缘底部:35px;
}
}
@媒体屏幕和屏幕(最大宽度:480px){
.标志{
字体大小:150px;
}
}

如下更改平滑滚动功能:

$(".navbar a:not(.navbar-brand), footer a[href='#myPage']").on('click', function(event) {

按如下方式更改平滑滚动功能:

$(".navbar a:not(.navbar-brand), footer a[href='#myPage']").on('click', function(event) {


请将您的代码缩小到有问题的区域。完成:)谢谢您告诉meIs您在根目录中的boostrap头?您的页面名为home.html吗?我想是的,但我不确定。请将您的代码缩小到有问题的区域。完成:)谢谢您告诉meIs您在根目录中的boostrap头?您的页面名为home.html吗叫做home.html?我想是的,但我不确定我的回答看起来有点愚蠢,我对这些脚本不太了解,所以非常感谢!谢谢成功了,这个网站很棒,而你,smdsgn,是最好的。Un Francasi en plus:)@AdambuchanTransmisth他已经更新了他的代码,只缩小了有问题的区域,但是他删除了js部分…错误所在。如果这个问题得到了回答,请按原样标记。看起来我有点傻,有这样的答案,我对这些脚本了解不多,所以非常感谢你!谢谢它成功了,这个网站很棒,你,smdsgn,是最好的。Un Francasis en plus:)@Adambuchanemissh他已经更新了他的代码,只缩小了有问题的区域,但他删除了js部分…错误所在。如果这个问题得到了回答,请按原样标记。