0

我正在制作一个有 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

然后它跳到正确的点。

但是，如果我在任何其他选项卡或页面上，那将不起作用。

有可能以某种方式做到这一点吗？

4

1 回答 1

0

如果您使用选项卡来切换 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。

于 2013-09-26T01:27:09.600 回答