Javascript 添加navbar和Modal类后，外部链接在Bootstrap 3中不起作用
我目前正在一个单页视差网站上工作，我已经使用BootstrapThree做出了响应。外部链接今天早上起作用了，但在这一天中，我添加了模态窗口和导航栏，现在内容中的任何链接都不起作用。你可以访问的网站，如果你点击一个广告现在链接，你会看到我的意思 目前的代码是：Javascript 添加navbar和Modal类后，外部链接在Bootstrap 3中不起作用,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我目前正在一个单页视差网站上工作，我已经使用BootstrapThree做出了响应。外部链接今天早上起作用了，但在这一天中，我添加了模态窗口和导航栏，现在内容中的任何链接都不起作用。你可以访问的网站，如果你点击一个广告现在链接，你会看到我的意思 目前的代码是： <!DOCTYPE html> <html> <head> <title>My Hardware - Essential Hardware online advertising
<!DOCTYPE html>
<html>
<head>
<title>My Hardware - Essential Hardware online advertising and marketing Portal</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/template.css" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../../assets/js/html5shiv.js"></script>
<script src="../../assets/js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ############ NAVBAR START ##################################################################################################### -->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<!--<a href="#" class="navbar-brand">Essential Group - My Hardware</a>-->
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul id="navscroll" class="nav navbar-nav navbar-left">
<li class="current navblocks"><a href="#first">My Hardware</a></li>
<li class="navblocks"><a href="#second">I'm a Member</a></li>
<li class="navblocks"><a href="#third">I'm a Supplier</a></li>
<li class="navblocks"><a href="#theend">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Our other sites<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="http://www.essentialgroup.co.za">Essential Group</a></li>
<li><a href="http://www.letstalkhardware.co.za">Lets Talk Hardware</a></li>
<li><a href="http://www.talkorange.co.za">Talk Orange</a></li>
</ul>
</li>
</ul>
</div> <!-- Close Collapse -->
</div> <!-- close container -->
</div> <!-- close navbar -->
<br />
<!-- ############ HOME PAGE START ##################################################################################################### -->
<!-- Section #1 / Intro -->
<section id="first" class="story" data-speed="8" data-type="background">
<div class="smashinglogo" data-type="sprite" data-offsetY="100" data-Xposition="50%" data-speed="-2"></div>
<article>
<div class="container">
<div class="row"><div class=".col-lg-12"><img src="images/hardware-logo.png" class="img-responsive" alt="Responsive image" width="1500" height="300" />
<p>Please scroll down to view website either using your mouse or the scroll bar down the side of the page</p>
</div>
</div>
</article>
</section>
<!-- ############ MEMBERS PAGE START ##################################################################################################### -->
<!-- Section #2 / Background Only -->
<section id="second" class="story" data-speed="4" data-type="background" data-slide="2">
<div class="cone1" data-type="sprite" data-offsetY="-300" data-Xposition="75%" data-speed="-2"></div>
<article>
<h2>I'm a Member:</h2>
<p>Grow your margin by letting your community know what you offer through effective marketing and advertising through the advertising and marketing portal
<!-- Button trigger modal -->
<a data-toggle="modal" href="#myModal_mem" class="orange-txt">Details ...</a>
<br /><br />
<ul class="nav nav-pills">
<li><a href="http://www.google.co.za">Advertise Now!</a></li>
</ul></p>
</article>
</section>
<!-- ############ SUPPLIERS PAGE START ##################################################################################################### -->
<!-- Section #3 / Photos -->
<section id="third" class="story" data-speed="4" data-type="background" data-slide="2">
<div class="photograph" data-type="sprite" data-offsetY="1250" data-Xposition="75%" data-speed="2" data-slide="3"></div>
<article>
<h2>I'm a Supplier:</h2>
<p>
<strong>B2C - Supplier to Consumer - Promotions
<br />
Make your sales people the HERO.</strong></p>
<p>Allow your sales people to assist member stores with this unique co-operative promotional tool…a first of its kind. </p>
<!-- Button trigger modal -->
<a data-toggle="modal" href="#myModal_b2c" class="orange-txt">Details ...</a>
<br /><br />
<p><strong>B2B - Supplier to Buyer - Specials & Promos </strong></p>
<p>CUT THROUGH the clutter and ensure you're visibly "Top Of Mind"
Communicate directly with store owners and buyers through our various channels...</p>
<!-- Button trigger modal -->
<a data-toggle="modal" href="#myModal_b2b" class="orange-txt">Details...</a>
<br /><br />
<p> <em>"Life is change. Growth is optional. Choose wisely" - <strong>Karen Kaiser Clark</strong></em></p>
<ul class="nav nav-pills"><li>
<a href="http://blinkdigital.netprintmanager.com/public/index.asp?purl=essentialpromotions">Advertise Now!</a></li></ul>
</article>
</section>
<!-- ############ CONTACT PAGE START ##################################################################################################### -->
<!-- Section #5 / The End-->
<section id="theend" class="story" data-speed="8" data-type="background" data-offsetY="250" data-slide="4">
<div class="byebye" data-type="sprite" data-offsetY="-1600" data-Xposition="50%" data-speed="-2"></div>
<article>
<h2>Contact Us</h2>
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$from = 'From: My Hardware Portal';
$to = 'info@red-tieafrica.co.za';
$subject = 'Enquiry';
$human = $_POST['human'];
$body = "From: $name\n E-Mail: $email\n Message:\n $message";
if ($_POST['submit'] && $human == '4') {
if (mail ($to, $subject, $body, $from)) {
echo '<p>Your message has been sent!</p>';
} else {
echo '<p>Something went wrong, go back and try again!</p>';
}
} else if ($_POST['submit'] && $human != '4') {
echo '<p>You answered the anti-spam question incorrectly!</p>';
}
?>
<div class="textbox">
<form method="post" action="index1.php">
<label>Name</label>
<input name="name" placeholder="Type Here">
<label>Email</label>
<input name="email" type="email" placeholder="Type Here">
<label>Message</label>
<textarea name="message" placeholder="Type Here"></textarea>
<label>*What is 2+2? (Anti-spam)</label>
<input name="human" placeholder="Type Here">
<input id="submit" name="submit" type="submit" value="Submit">
</form>
</div>
</article>
</section>
<script src="js/parallax.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="js/jquery.nav.js"></script>
<script>
$('#navscroll').onePageNav({
currentClass: 'current',
changeHash: false,
scrollSpeed: 750,
scrollThreshold: 0.5,
filter: '',
easing: 'swing',
begin: function() {
//I get fired when the animation is starting
},
end: function() {
//I get fired when the animation is ending
},
scrollChange: function($currentListItem) {
//I get fired when you enter a section and I pass the list item of the section
}
});
</script>
<script>
jQuery.fn.exists = function() {
return this.length > 0;
}
$(function() {
var navMain = $(".navbar-collapse");
navMain.on("click", "a", null, function() {
if ($(this).attr("href") !== "#") {
navMain.collapse('hide');
}
});
$("#content").bind("click", function() {
if ($(".navbar-collapse.navbar-ex1-collapse.in").exists()) {
navMain.collapse('hide');
}
});
});
</script>
<!-- Modal -->
<div class="modal fade" id="myModal_mem" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Members text to come</h4>
</div>
<div class="modal-body">
This is where the members text is going to come...
<br /><br />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="myModal_b2c" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">B2C - Supplier to Consumer - Promotions <br />
Make your sales people the HERO. </h4>
</div>
<div class="modal-body">
Allow your sales people to assist member stores with this unique co-operative promotional tool…a first of its kind. <br /><br />
Approved sales staff will assist your customers (owners or buyers) in creating joint branded promotions, thus driving your product sales through the store… while building on your relationships with the stores.<br />
<br />
You can choose to create anything from leaflets, to discount vouchers or even an SMS promotion. This DIRECT marketing approach is highly cost effective and talks directly to your target audience. You can budget and spend only.. what you want, when you want, where you want. it's that simple. <br /><br />
We can target consumers by demographics or we can extend the promotions to specific targets such as General Building Contractors, Painting Contractors and Electrical Contractors or other niche markets available. Given that we have a database of contractors contact details, promotions can be geographically profiled around each Member's store. In addition, should you choose a Knock 'n drop promotion we can also demographically specify the catchment areas you may wish to reach.<br /><br />
Currently Promotional templates on offer include Leaflets, emailers, SMS campaigns, Poster, Vouchers, Store Website Special Offers while many other items will be available for you to customise in the future.<br /><br />
Only supplier personnel who are authorised to access this site will be able to customize content on Branded templates and complete the order process. The tool is available 24/7 which allows you staff to choose, create and order the promotion even while they are on the road.<br /><br />
If you are not signed up and require access, please use the contact us via the form on this page. We will then arrange a suitable time and explain the service more fully.<br /><br />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="myModal_b2b" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">B2B - Supplier to Buyer - Specials & Promos</h4>
</div>
<div class="modal-body">
CUT THROUGH the clutter and ensure you're visibly "Top Of Mind"<br /><br />
Communicate directly with store owners and buyers through our various channels, including our ALL NEW "classified's" that will feature product specials in high visibility areas frequented by buyers, and on the Member "price list" website, www.letstalkhardware.co.za<br /><br />
You can still sponsor web page banners or email newsletters, but now you can order these online from the same tool. This form of brand awareness is direct, and an effective way to get that product "Top Of Mind" with the store buyers.<br /><br />
Only Supplier Key Account Managers authorised to access this site will be able to customize content on templates provided.and complete the order process. The tool is available 24/7 which allows you staff to choose, create and order the promotion even while they are on the road. We'll even customise an approval process to meet your needs.<br /><br />
If you are not signed up and require access, please use the contact us via the form on this page.
<br /><br />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
我的硬件-基本硬件在线广告和营销门户
-
B2B-供应商对买方-特价商品和促销
穿过杂乱的环境，确保你明显处于“思想的顶端”
通过我们的各种渠道与店主和买家直接沟通
“生活是变化的。成长是可选择的。明智地选择”-Karen Kaiser Clark
-
联系我们
名称
电子邮件
消息
*什么是2+2？（反垃圾邮件）
$（'#navscroll'）。onePageNav({
currentClass:'当前'，
changeHash:false，
滚动速度：750，
滚动阈值：0.5，
筛选器：“”，
放松:"摇摆",，
开始：函数（）{
//动画开始时我会被炒鱿鱼
},
完:函数(){
//动画结束时我会被解雇
},
scrollChange:函数（$currentListItem）{
//当你进入一个区段，我通过该区段的列表项时，我被解雇
}
});
jQuery.fn.exists=函数（）{
返回此值。长度>0；
}
$（函数（）{
var navMain=$（“.navbar折叠”）；
navMain.on（“单击”，“a”，null，函数（）{
如果（$（this.attr（“href”）！=“#”）{
navMain.collapse（“隐藏”）；
}
});
$（“#内容”）.bind（“单击”，函数（）{
如果（$（“.navbar-collapse.navbar-ex1-collapse.in”）.exists（））{
navMain.collapse（“隐藏”）；
}
});
});
&时代；
各位议员稍后发言
这就是会员文本的来源。。。
关
&时代；
B2C-供应商对消费者-促销
让你的销售人员成为英雄。
允许您的销售人员使用这一独特的合作促销工具协助会员店……这是同类产品中的第一款
经批准的销售人员将协助您的客户（所有者或购买者）创建联合品牌促销活动，从而推动您的产品在门店内销售……同时建立与门店的关系。
您可以选择创建任何内容，从传单、折扣券甚至短信促销。这种直接营销方法具有很高的成本效益，可以直接与目标受众对话。你只能做预算和花钱。。你想要什么，什么时候想要，在哪里想要。就这么简单
我们可以通过人口统计来定位消费者，也可以将促销活动扩展到特定目标，如一般建筑承包商、油漆承包商和电气承包商或其他利基市场。鉴于我们有一个关于承包商联系方式的数据库，促销活动可以在每个会员商店的地理位置上进行分析。此外，如果您选择“敲门”促销，我们还可以从人口统计学角度指定您希望到达的集水区。
目前提供的促销模板包括传单、电子邮件、短信活动、海报、优惠券、商店网站特别优惠，而许多其他商品将在将来供您定制。
只有授权访问此网站的供应商人员才能自定义品牌模板上的内容并完成订单流程。该工具全天候提供，允许您的员工在路上选择、创建和订购促销活动。
如果您未注册并需要访问，请使用本页上的表格与我们联系。然后，我们将安排一个合适的时间，对服务进行更全面的解释。
关
&时代；
B2B-供应商到买方-特价商品和服务；宣传片
穿过杂乱的环境，确保你明显处于“思想的顶端”
通过我们的各种渠道直接与店主和买家沟通，包括在买家经常光顾的高知名度区域推出产品特色的全新“分类”，以及在会员“价目表”网站www.letstalkhardware.co.za
您仍然可以赞助网页横幅或电子邮件时事通讯，但现在您可以通过同一工具在线订购这些内容。