菜单链接不起作用 - 在这里超级编码newb

时间:2016-06-17 07:16:18

标签: html

我的代码的第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">&nbsp;</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;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

更新 JQuery在您的网页上屏蔽了default上的a功能。尝试此操作以在点击时重定向页面。

<script>    
jQuery(document).ready(function(){

        $(".blog-menu a").click(function(){
            window.location='http://blog.7daygrind.com';
        });

    });
</script>