如何链接到页面中间链接中的中页内容?

时间:2013-09-26 00:48:15

标签: html tabs

我正在制作一个页面,其上有4个页内标签。要链接到这些选项卡,URL为

URL/#tab-1-tab; URL/#tab-2-tab etc

现在,在其中一个标签中我想要有一些按钮链接到另一个标签页面上的特定点,但不确定它是否真的可以链接到。 我用

在那个页面上制作了锚点
<a name="1"></a>

但我无法弄清楚如何链接到它们。我试过了

URL/#tab-4-tab/#1 and URL/#tab-4-tab#1

不确定还有什么可以尝试。如果我使用锚点转到选项卡,然后删除选项卡url位并且只是放入锚点链接,链接确实有效,所以不是

URL/#tab-4-tab, I type in URL/#1

然后跳到正确的位置。

但如果我在任何其他标签或页面上,那就不起作用。

有可能以某种方式这样做吗?

1 个答案:

答案 0 :(得分:0)

如果你使用tab来切换div CSS属性,比如display:none / display:block那么你需要一些jQuery / JavaScript来基于URL切换它们,然后你的jQuery会监听标签“onclick”事件然后显示那个相对的div。

第一步是获取一个侦听变量或主题标签书签的JavaScript URL阅读器。这是我之前使用的变量阅读器的一个例子。

http://jsfiddle.net/googabeast/hhkuj/

function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    vars[key] = value;
});
return vars;
}
//usage
var myVar = getUrlVars()["tab"];

这会使URL格式与上面的帖子略有不同,更像是“index.php?tab = 2”/“index.php?tab = 3”等...

下一阶段将根据传入的URL变量生成一个开关,以正确显示所请求的div。