2016-06-17 6 views
1

строка 59 моего кода Я положил изображение в свое меню, чтобы ссылаться на другую страницу, все, что он делает, - это заморозить страницу, на странице, которую я нависаю над ней, и она показывает ее идя в нужное место, если я щелкнул правой кнопкой мыши и откройте его на новой вкладке, он туда пойдет, но сама ссылка/изображение нет.Ссылка на меню не работает - супер кодирование newb здесь

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> 
 
    \t <meta name="keywords" content="" /> 
 
\t \t <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 { 
 
\t 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 { 
 
\t 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 { 
 
\t 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>

+0

При нажатии на изображение открывается ссылка на той же вкладке. Что именно не работает? – Raghav

+0

перейдите на страницу www.7daygrind.com и щелкните изображение блога в меню, оно не идет туда, где –

+0

Он должен работать, ну попробуйте target = "_blank" на вашей ссылке с изображением блога вместо родителя. – frnt

ответ

1

ОБНОВЛЕНО:JQuery На странице блокировки функции default на a. Попробуйте это, чтобы перенаправить страницу по клику.

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

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

    }); 
</script> 
+1

Почему jquery для такого простого нажатия? Он должен исправить ошибку js и –

+0

Да, он тоже может исправить это, но это, безусловно, будет работать, поэтому я добавил этот ответ @Leothelion –

+1

@Leothelion Ошибка вызвана скриптом ('templatemo_script.js'), загруженным на в нижней части страницы, которая может выполнять некоторые общие полезные вещи, но представляет собой этот нежелательный побочный эффект. Патч, подобный тому, который был в этом ответе, был бы уместным в этом случае. –

Смежные вопросы