css - Wordpress 首页上的按钮链接不可点击

标签 css wordpress html z-index

有人给我一个要为新网站安装的 WordPress 主题,然后要求我进行一些自定义。

网站在这里:http://centergrovepto.org/townsend/ (我不确定原始主题来自哪里。)

首页 slider 右侧有 3 个按钮。 “雇主”、“候选人”和“空缺职位”。这些按钮最初是可点击的,它们所做的只是更改当前 slider 图像。

我试图让它们可点击,以便它们打开相应的页面。如果将鼠标悬停在每个按钮上,您可以在状态栏中看到链接路径设置正确,但当我单击按钮时没有任何反应。

我猜测这是一个 CSS 问题,并且某些层覆盖了实际的按钮,但我不知道足够的 CSS 来找出原因是什么。我安装了 Firefox 的 Firebug 插件,这样我可以更轻松地检查 CSS。我尝试过更改各种元素的 z-index,但我就是无法让它工作。

最佳答案

我实际上认为这是你的 jQuery Faded 插件。看起来就像这样:

if (o.pagination) {
    if (o.autopagination) {
        $t.append("<ul class="+o.pagination+"></ul>");
        $c.children().each(function(){
            $("."+o.pagination+"",$t).append("<li><a rel="+number+" href=\"#\" >"+(number+1)+"</a></li>");
            number++;
        });
    }
    $("."+o.pagination+" li a:eq(0)",$t).parent().addClass("current");
    $("."+o.pagination+" li a",$t).click(function(){
        current = $("."+o.pagination+" li.current a",$t).attr("rel");                                   
        clicked = $(this).attr("rel");
        if (current != clicked) {animate("pagination",clicked,current);}
        if(o.autoplay){pause();}
        return false; //THIS LINE PREVENTS DEFAULT ACTION WHEN <a> LINK IS CLICKED
    });
}

正在阻止链接的默认操作。我不确定会发生什么,但尝试注释掉“return false”行。看看是否发生任何不需要的副作用。否则,请将此代码添加到您的(或我假设是您的)custom.js 文件中:

jQuery(".pagination ul li a").click(function()
{
    window.location = this.href; //UPDATED FOR EPHRAIM
});

关于css - Wordpress 首页上的按钮链接不可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10338338/

相关文章:

css - 如何使用 stylelint 和 stylelint-selector-bem-pattern 来 lint BEM 风格?

html - 标题中的 CSS 标志图标

javascript - 重定向的 HTML 表单

html - 在 div 内平均拉伸(stretch) 4 个元素

php - 在我的帐户最近订单列表页面隐藏订单状态

javascript - 加载页面预加载器时隐藏滚动条

html - 将 <h> 标签放入 <a> 标签时验证错误(文档类型不允许元素 "h2")

html - 为什么这个 css ticker 只使用前四个帖子

php - NGROK 不断将 url 从 CUSTOM_URL 更改为 localhost

php - Wordpress网站团队开发