我正在使用magento模板,该模板使用jquery.tabs.min.js在不同的标签中显示不同的产品信息。
现在,我想向客户发送一个直接链接到评论表单的邮件,该表单位于第三个标签的末尾。
不幸的是,如果从外部调用页面,则会打开第一个选项卡。
因此,使用选项卡ID发送带有附加哈希的链接不起作用。
我已经查看了很多类似的线程,但不幸的是我对javascript并不是很熟悉,我需要一个真正详细的帮助,如何解决这个问题,特别是在哪里放置不同的片段(即在html的内部)页面或在js文件中。)
更麻烦的是,不仅打开第三个标签,而且还向下滚动到第三个标签内部的“评论表单”,在底部,如果有的话不止一些评论,访问者不会直接看到评论。
所以这里是html片段,它代表我的页面结构
<div id="product-tabs" class="gen-tabs gen-tabs-style-f">
<ul class="tabs clearer">
<li id="tab-description"><a class="current" href="#">Beschreibung</a></li>
<li id="tab-additional"><a href="#">Zusatzinformation</a></li>
<li id="tab-tabreviews"><a href="#">Bewertungen</a></li>
<li id="tab-product.tags"><a href="#">Schlagworte</a></li>
</ul>
<div class="tabs-panels">
<h2 class="acctab" id="acctab-description">Beschreibung</h2>
<div class="panel"> <h2>Details</h2>
CONTENT
</div>
<h2 class="acctab" id="acctab-additional">Zusatzinformation</h2>
<div class="panel"> <h2>Zusatzinformation</h2>
CONTENT
</div>
<h2 class="acctab" id="acctab-tabreviews">Bewertungen</h2><div class="panel">
<div class="box-collateral box-reviews" id="customer-reviews">
CONTENT OF CUSTOMER REVIEWS
<div class="form-add">
<h2>Schreiben Sie Ihre eigene Kundenmeinung</h2>
<form action="http://www.mydomain.com/review/product/post/id/8/" method="post" id="review-form">
-->>HERE IS MY REVIEW FORM<<--
</div>
</div>
<h2 class="acctab" id="acctab-product.tags">Schlagworte</h2><div class="panel">
<div class="box-collateral box-tags"> <h2>Schlagworte</h2>
CONTENT
</div>
</div>
非常感谢您提前提供任何帮助。
更新
也许可以扩展已经存在的功能,将访问者“点击”直接路由到评论表单,也可以使用,具体取决于URL提供的参数(即标签)?以下是模板中代码的和平:
<?php //Open the "Reviews" tab, when "X Review(s)" or "Be the first to review this product" links are clicked ?>
<script type="text/javascript">
//<![CDATA[
jQuery(function($){$("#goto-reviews, #goto-reviews-form").click(function(){if($("#product-tabs").hasClass("accor")){$("#product-tabs .tabs-panels").data("tabs").click($(".tabs-panels .acctab").index($("#acctab-tabreviews")))}else{$("#product-tabs .tabs").data("tabs").click($("#tab-tabreviews").index())}})});
//]]>
</script>
如果有人可以帮助我吗?如果一个人掌握了JS的技巧,应该有点容易; - )
答案 0 :(得分:0)
您是否尝试将标签的ID添加到查询字符串?
Http://www.mysite.com/product-URL.html#acctab-tabreviews
使用哈希添加li元素的I部分应该可以正常工作