なぜそれらのリンクをクリックできないのですか？非常に迷惑なCSS/htmlのバグ

Question

友人は彼のサイトにいくつかのドロップダウンメニューを追加するように頼んだ。ここにあります：http://importingacartospain.com/

何らかの理由で、私はドロップダウンリンクをクリックできません。私は何かを欠いているに違いない。誰でもそれをチェックしてもらえますか？

ありがとうございます！

Answer 1

それが偽を返すtabs.jsのライン43上のreturn false;ですイベントの動作をキャンセルします。この場合、リンクをクリックします。

/***************************/ 
//@Author: Adrian "yEnS" Mato Gondelle & Ivan Guardado Castro 
//@website: www.yensdesign.com 
//@email: yensamg@gmail.com 
//@license: Feel free to use it, but keep this credits please!      
/***************************/ 

$(document).ready(function(){ 
    $(".menu > li").click(function(e){ 
     switch(e.target.id){ 
      case "news": 
       //change status & style menu 
       $("#news").addClass("active"); 
       $("#tutorials").removeClass("active"); 
       $("#links").removeClass("active"); 
       //display selected division, hide others 
       $("div.news").fadeIn(); 
       $("div.tutorials").css("display", "none"); 
       $("div.links").css("display", "none"); 
      break; 
      case "tutorials": 
       //change status & style menu 
       $("#news").removeClass("active"); 
       $("#tutorials").addClass("active"); 
       $("#links").removeClass("active"); 
       //display selected division, hide others 
       $("div.tutorials").fadeIn(); 
       $("div.news").css("display", "none"); 
       $("div.links").css("display", "none"); 
      break; 
      case "links": 
       //change status & style menu 
       $("#news").removeClass("active"); 
       $("#tutorials").removeClass("active"); 
       $("#links").addClass("active"); 
       //display selected division, hide others 
       $("div.links").fadeIn(); 
       $("div.news").css("display", "none"); 
       $("div.tutorials").css("display", "none"); 
      break; 
     } 
     //alert(e.target.id); 

// * Returning false here is canceling the click event of your links. 
     return false; 

    }); 
}); 

Answer 2

IE9とChromeで同じ問題が発生します。

これは、問題のあるコードのように見える：

<script type="text/javascript" src="http://importingacartospain.com/wp-content/themes/AutoMagWp/jquery-fonteffect-1.0.0.js"></script> 

しかし、私はまた、セマンティック/構造的なエラーを修正始まることをお勧め：http://validator.w3.org/check?uri=http%3A%2F%2Fimportingacartospain.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 3

tabs.js内のクリックハンドラがfalseを返すため、イベントがバブリングされず、デフォルトのアクションがリンク上で行われません。 return false;ステートメントを削除してみてください。