Question

我想在用户点击以下网站上的图片链接时打开一个标签： does apparently work for IOS5

标签的代码如下：

 <a onclick="javascript:window.location.href='#tab-feefo_reviews'";><img 
 src="<?php echo $this->getLogoSrc(); ?>" /></a>

标签的ID是“tab-feefo_reviews”。用户单击产品名称下的Feefo徽标。

这是我的代码：

Select RTRIM(LTRIM(@string))

单击时，它会跳转到选项卡部分，但不会打开选项卡。有没有办法用内联JavaScript实现这一点？

Answer 1

将jQuery('#tab-feefo_reviews a').click()添加到您的onclick事件（该页面已经使用了jquery，这是最快的内联代码）。

此外，锚点应包含一个href =＆＃34; javascript：void（0）;＆＃34;甚至更好，锚的哈希。并且onclick事件不需要＆＃34; javascript：＆＃34;前缀。

所以将锚点更改为：

<a href="#tab-feefo_reviews" onclick="jQuery('#tab-feefo_reviews a').click()" >

Answer 2

我在不知道网站未来发生变化的情况下回答这个问题。

编辑：http://youmightnotneedjquery.com/

首先，将所有选项卡设置为空类名称和。

var tabs = document.querySelectorAll("ul.tabs a");
for (var i = 0; i < tabs.length; i++) {
    tabs[i].className = "";
}
var panels = document.querySelectorAll("div.tabs-panels > div.panel");
for (var i = 0; i < panels.length; i++) {
        panels[i].style.display = "none";
}

然后，将当前标签设置为＃tab-feefo_reviews并显示右侧面板。

var tab = document.getElementById("tab-feefo_reviews");
tab.className = "current";
var panel = document.getElementById("acctab-feefo_reviews");
panel.style.display = "block";

Answer 3

Haven尚未尝试但我想这应该可以使用jquery。

  <a href="#" id="openSesame"><img src="<?php echo $this->getLogoSrc(); ?>" /></a>

脚本：

$(function(){
   $('#openSesame').click(function (e) {
      e.preventDefault();
      $('.clearer').find('#tab-feefo_reviews a').addClass('current').siblings().removeClass('current');
   });
});

Answer 4

在页面内导航（使用invalid syntax）并激活手风琴面板

href="#id"

单击链接打开选项卡

4 个答案: