【问题标题】:Button links on Wordpress front page are not clickableWordpress 首页上的按钮链接不可点击
【发布时间】:2012-04-26 17:22:29
【问题描述】:

我获得了要为新网站安装的 Wordpress 主题,然后要求我进行一些自定义。

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

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

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

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

【问题讨论】:

标签: css wordpress html z-index


【解决方案1】:

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

【讨论】:

  • jQuery...总是jQuery...:D
  • 就个人而言,我讨厌尝试用 jQuery 解决任何问题。恶心的东西。
  • 这修复了它。我让它返回真实,它似乎正在工作。谢谢。
  • 非常酷。很高兴我能帮上忙。请接受此作为答案,以便可以关闭问题。
【解决方案2】:

我不确定为什么会这样,因为如果您在新选项卡中打开链接,它会完美运行。这可能是一个 CSS 问题,但更可能的是,它与您的 HTML 有关。

我会尝试将目标添加到您的链接。这将告诉它专门在您所在的窗口中打开链接,这可能会解决问题。 (虽然我自己没有测试过)

代替

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

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

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

或者,如果那个不起作用,也试试这个

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

如果有帮助,请告诉我!

【讨论】:

    【解决方案3】:

    正如我在您的网站上看到的,这 3 个按钮的链接方式如下:

    a href="/townsend/employers/"

    但我认为它应该像这样工作,因为a href="/townsend/employers/" 不引用您服务器中的任何地方

    尝试像这样改变它:

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

    【讨论】:

    • 不,这不是问题,因为如果您在新标签中打开它,它可以工作
    猜你喜欢
    • 2023-03-30
    • 2019-07-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多