使用WP UI从选项卡到选项卡的Jquery文本链接

Jquery text link from tab to tab using WP UI

本文关键字：选项 Jquery 文本 链接 WP 使用 UI      更新时间：2024-01-21

我正在为Wordpress使用jquery选项卡插件（该插件可在http://wordpress.org/extend/plugins/wp-ui/）

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

我可以向#_enquire添加一个文本链接，这将带我进入选项卡4，但它也会在url后面添加#_enquire，所以如果您单击返回选项卡1并单击文本链接，它将不再工作，因为它已经在该url上了。

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

你可以在这里看到网站上的标签：thailand-golf-tours.com/golf-tours/bangkok/bangkok-2-days-golf-package/

我在标签1的底部留下了链接的锚定版本（"点击此处查看标签4"）

任何帮助都将不胜感激。我习惯于使用css/html，所以我不太擅长javascript/jquery。我试过通过插件作者的网站、wordpress网站和推特联系他，但没有成功。

您需要用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。使用id，如果必须使用href，则使用选择器$('a[href="#_enquire"]')，但这是一种不那么简单的方法。

相关文章：