Question

一位朋友让我在他的网站上添加一些下拉菜单。就在这里：http://importingacartospain.com/

出于某种原因，我无法点击下拉链接。我肯定错过了什么。任何人都可以看看吗？

谢谢！

Answer 1

我在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 2

这是tabs.js第43行的return false;，返回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 3

tabs.js中的单击处理程序返回false，因此事件未冒泡，并且不会在链接上执行默认操作。请尝试删除return false;声明。

为什么我不能点击这些链接？非常烦人的css / html bug

3 个答案: