0

我正在使用jquery标签插件Wordpress（该插件可在http://wordpress.org/extend/plugins/wp-ui/下载）

我有一个带有 4 个选项卡的页面，我想要一个文本链接将人们从选项卡 1 带到选项卡 4。

我可以添加一个文本链接#_enquire，将我带到选项卡 4，但它还会在 URL 后面附加#_enquire，因此如果您然后单击返回选项卡 1 并单击文本链接，它将不再有效，因为它已经在该 URL 处。

我假设必须有一种相对简单的方法来应用当您单击选项卡本身到文本链接时使用的相同 jquery。因此，当您单击文本链接时，它就像您单击选项卡名称本身一样。

您可以在此处查看网站上的标签：thailand-golf-tours.com/golf-tours/bangkok/bangkok-2-days-golf-package/

我已将链接的锚版本留在选项卡 1 的底部（“单击此处查看选项卡 4”）

任何帮助将非常感激。我习惯使用 css/html，所以我对 javascript/jquery 不太擅长。我尝试通过他的网站以及 wordpress 网站和 twitter 联系插件作者，但没有运气。

4

1 回答 1

2

您需要使用 jquery 模拟点击，而不是使用链接“重定向”。

因此，单击文本链接“与单击第四个选项卡相同”。由于您没有发布您的代码，我将发布一些应该让您了解这个想法的代码。

jQuery("#the-name-of-the-link-id").on("click", function(e){
    e.preventDefault();
    jQuery("#the-name-of-the-tab-id").click();
});

当您单击链接时，这将模拟选项卡单击！

编辑：

尝试这个。

jQuery(document).ready(function($){ 
    $("#the-name-of-the-link-id").on("click", function(e){ 
         e.preventDefault(); 
         e.stopPropagation(); 
         $("#the-name-of-the-tab-id").click(); 
    }); 
});

再次不要使用href. 使用 an id，如果您必须使用 an ，则href执行此 selector $('a[href="#_enquire"]')，但这是一种不太直接的方法。

于 2012-07-23T14:15:02.980 回答