我的代码的第59行我在我的菜单中放置了一个图像链接到另一个页面,它只是冻结页面,在页面上我将鼠标悬停在它上面,它显示它到了正确的位置,如果我正确的话单击并在新选项卡中打开它,但链接/图像本身不会。
http://www.7daygrind.com/js/jquery.min.js
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
<title>7 day grind</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!--
Nature Theme
http://www.templatemo.com/tm-398-nature
-->
<meta name="viewport" content="width=device-width">
<!-- Google Web Font Embed -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/templatemo_main.css">
<style type="text/css">
biztitle1 {
font-family: gabriola;
}
.no-js body #main-wrapper .col-lg-12.col-md-12.col-sm-12.col-xs-12.affix.text-center .templatemo-site-title a {
font-family: gabriola;
}
.no-js body #main-wrapper .col-lg-12.col-md-12.col-sm-12.col-xs-12.affix.text-center .templatemo-site-title b {
font-family: Mardian Demo;
}
</style>
</head>
<body>
<div id="main-wrapper">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a rel="nofollow" href="http://browsehappy.com">upgrade your browser</a> or <a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;">
<h1 class="templatemo-site-title"> </h1>
<h1 class="templatemo-site-title"><img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm" >
</h1>
<ul id="responsive" style="display:none" class="hidden-lg hidden-md"></ul><!-- /.responsive --></div>
<div class="menu visible-md visible-lg">
<ul id="menu-list">
<li class="active home-menu"><a href="#home">Home</a></li>
<li class="services-menu"><a href="#services">Our Services</a></li>
<li class="services-menu1"><a href="#services1">- Integrated</a></li>
<li class="services-menu2"><a href="#services2">- Soul-Fit-Trition</a></li>
<li class="services-menu3"><a href="#services3">- Boot-camp</a></li>
<li class="about-menu"><a href="#about">About Us</a></li>
<li class="store-menu"><a href="#store">Store</a></li>
<li class="testimonial-menu"><a href="#testimonial">Testimonials</a></li>
<li class="contact-menu"><a href="#contact">Contact</a></li>
<li class="blog-menu"><a href="http://blog.7daygrind.com" target="_parent"> <img src="images/blogbutton.jpg" width="100" height="50"></a></li>
</ul>
</div>
<!-- /.menu -->
<div class="image-section">
<div class="image-container">
<img src="images/nature1.jpg" id="home-img" class="main-img inactive" alt="Home">
<img src="images/kettlebells.jpg" id="about-img" class="inactive" alt="About">
<img src="images/nature2.jpg" id="services-img" class="inactive" alt="Services">
<img src="images/nature2.jpg" id="services1-img" class="inactive" alt="Services1">
<img src="images/nature2.jpg" id="services2-img" class="inactive" alt="Services2">
<img src="images/boot-camp2.jpg" id="services3-img" class="inactive" alt="Services3">
<img src="images/nature1.jpg" id="store-img" class="inactive" alt="Store">
<img src="images/nature5bbb.jpg" id="testimonial-img" class="inactive" alt="Testimonial">
<img src="images/stretch.jpg" id="contact-img" class="inactive" alt="Contact">
<img src="images/nature1.jpg" id="blog-img" class="inactive" alt="Blog">
</div>
</div>
&#13;
答案 0 :(得分:1)
更新 JQuery
在您的网页上屏蔽了default
上的a
功能。尝试此操作以在点击时重定向页面。
<script>
jQuery(document).ready(function(){
$(".blog-menu a").click(function(){
window.location='http://blog.7daygrind.com';
});
});
</script>