Question

我试图在点击链接时打开网页上的特定标签。不仅如此，我还需要页面一旦点击就向下滚动到该区域（如锚标签）。

这是我正在处理的页面：

http://www.lifestyleclotheslines.com.au/hills-portable-170-clothesline/

我正在处理的链接是蓝色的评论＆＃39;链接在产品标题下的金色星星旁边。点击后，我需要它来打开评论（140）＆＃39;下面的标签，也可以向下滚动到该区域。

以下是我目前围绕链接的内容：

<a onclick="ActiveProductTab('ProductReviews_Tab'); window.scrollTo(0,jQuery('#ProductReviews').offset().top); return false; ">154 reviews</a>

它根本不起作用，点击时没有任何反应。

有什么想法吗？谢谢！

Answer 1

您可以使用此代码：

<a onclick="$('#ReviewsTabLink').click();
$('html, body').animate({
            scrollTop: $('#ReviewsTabLink').offset().top + 'px'
        }, 'fast'); ">154 reviews</a>

它适用于您的网站。我现在测试了。

Answer 2

评论标签标题的标识为ReviewsTabLink，因此您可以手动触发点击事件（因为我没有看到任何用于标签的插件 - 如果您使用了标签的任何插件，那么可以查看其文档，看看是否有一个选项来设置活动标签，如active option中的jQuery UI tabs）

jQuery('#ReviewsTabLink').click()

如何点击链接打开产品标签？

2 个答案: