Question

我获得了一个Wordpress主题，可以安装新网站，然后要求进行一些自定义。

该网站位于：http://centergrovepto.org/townsend/（我不确定原始主题的来源。）

首页滑块右侧有3个按钮。 “雇主”，“候选人”和“空缺职位”。按钮最初是可点击的，他们所做的只是更改当前的滑块图像。

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

我猜这是一个CSS问题，而且某些层覆盖了实际的按钮，但我不知道足够的CSS来弄清楚原因是什么。我安装了适用于Firefox的Firebug插件，因此我可以更轻松地检查CSS。我已经玩过改变各种元素的z-index，但我无法让它工作。

Answer 1

正如我在您的网站上看到的那样，3个按钮链接如下：

a href =“/ townsend / employer /”

但是我觉得它应该是这样的，因为a href="/townsend/employers/"没有引用你服务器的任何地方

尝试改变它：

<a href="http://centergrovepto.org/townsend/employers/">

Answer 2

我不确定为什么这很开心，因为如果你在新标签中打开链接，它就能完美运行。它可能是一个CSS问题，但更有可能的是，它与你的HTML有关。

我会尝试为您的链接添加目标。这将告诉它在您的窗口中专门打开链接，这可能会解决问题。（我自己没有测试过）

而不是

<a href="/townsend/employers/"></a>

尝试将其更改为以下之一：

<a href="/townsend/employers/" target="_parent"></a>

或者，如果那个不起作用，也可以试试这个

<a href="/townsend/employers/" target="_self"></a>

如果有帮助，请告诉我！

Answer 3

我实际上认为这是你的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
});

Wordpress首页上的按钮链接无法点击

3 个答案: