Question

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

我有一个页面，上面有4个标签，我想要一个文本链接，将人们从标签1带到标签4。

我可以向#_enquire添加一个文本链接，它会将我带到标签4，但它也会将网址附加到#_enquire，因此如果您再点击返回标签1并点击文字链接则不再因为它已经在那个URL上了。

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

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

我在标签1的底部留下了链接的主播版本（“点击此处查看标签4”）

非常感谢任何帮助。我习惯使用css / html，所以我用javascript / jquery不太好。我试过通过他的网站以及wordpress网站和Twitter联系插件作者并且没有运气。

Answer 1

您需要使用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"]')，但这样做的方式不太直接。

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

1 个答案: