javascript - 如何在点击链接时打开产品标签?

标签 javascript jquery html css

我试图让网页上的特定选项卡在单击链接时打开。不仅如此,我还需要页面在被点击后向下滚动到该区域(如 anchor 标记)。

这是我正在处理的页面:

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

我正在处理的链接是产品标题下金色星星旁边的蓝色“154 条评论”链接。单击此按钮后,我需要它来打开下方的“评论 (140)”选项卡,并向下滚动到该区域。

这是我目前围绕链接的内容:

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

它根本不工作,当我点击时没有任何反应。

有什么想法吗?谢谢!

最佳答案

您可以使用此代码:

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

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

关于javascript - 如何在点击链接时打开产品标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24900841/

相关文章:

jquery - 如何防止容器在输入焦点上滚动?

javascript - 使用 Ajax 进行实时搜索时出错

javascript - keyCode 只是给出...错误的响应

javascript - 具有 Reduce 和 Filter 的数组

javascript - MaterialUI ListItem 的 rightIconButton 内的多个项目

javascript - 如何使用 jQuery 引用 HTML5 视频元素?

javascript - 动画 Accordion 高度不起作用

html - Bootstrap 导航栏下拉行为如何停止链接背景颜色激活

javascript - Bootstrap 新手——需要弄清楚布局问题

javascript - 如何在 HTML5 中使绘图在 Canvas 上可拖动