当用户单击以下网站上的图像链接时,我想打开一个选项卡:http : //m.theseolounge.co.uk/index.php/jadever-jad-jce-counting-scale.html
选项卡的代码如下:
<ul class="tabs clearer">
<li id="tab-additional"><a href="#" class="current">Product
Specifications</a></li>
<li id="tab-description"><a href="#">Product Features</a></li>
<li id="tab-downloads"><a href="#">Downloads</a></li>
<li id="tab-feefo_reviews"><a href="#">Feefo Reviews</a></li>
</ul>
标签的 ID 是“tab-feefo_reviews”。用户点击产品名称下的 Feefo 标志。
这是我的代码:
<a onclick="javascript:window.location.href='#tab-feefo_reviews'";><img
src="<?php echo $this->getLogoSrc(); ?>" /></a>
单击时,它会跳转到选项卡部分,但不会打开选项卡。有没有办法用内联 javascript 实现这一点?
添加jQuery('#tab-feefo_reviews a').click()
到您的 onclick 事件(页面已经使用 jquery,这是最快的内联代码)。
此外,锚点应该包含一个 href="javascript:void(0);" 或者更好的是锚的哈希值。而且 onclick 事件不需要“javascript:”前缀。
所以把锚点改成这样:
<a href="#tab-feefo_reviews" onclick="jQuery('#tab-feefo_reviews a').click()" >
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句