0

我刚刚开始为我正在开发的新网站使用标签云功能。但是现在我遇到了一些问题，我可以在标签云中设置链接以转到页面，但是我有很多带有标签容器的页面。

例如，我有一个标签容器。其中一个面板是运动面板。标签容器还有其他三个面板，比如食物、旅行和饮料。如何在选项卡容器中制作直接进入该面板的标签？真的卡在这里了。尝试创建一个普通的 a id="something" name="something"，并尝试使用 # 为该名称创建一个 href 标记，但这不起作用。

有人可以帮助我吗，当然，将不胜感激

4

1 回答 1

0

# 是你最好的选择。因此，例如，如果您将链接设置为：

<a href="/yourpagewithtabs.aspx#tagname">Link text</a>

然后，您可以使用 javascript 绑定到“哈希更改”事件。下面的 jQuery 示例。

// on load
jQuery(document).ready(function(){

    // bind window hashchange event
    jQuery(window).bind("hashchange", function(){

        // get hash selected
        var hash = window.location.hash;

        // *** now do something with that information *** //
        // *** eg, show hide panels where a nested element, attribute or data matches hash *** //

    });
});

如果你这样做，你应该让所有的“标签点击”也简单地绑定哈希更改，忘记任何以前的功能。然后它将是坚实的，一致的。

您也可以使用查询字符串来做同样的事情。如果你不是“hashchange”的粉丝，那就换一种方式。关键是您将拥有一个 javascript 函数，该函数在 url 中查找某些内容，然后对其执行一些操作！

编辑

添加到“做某事”部分，假设所有选项卡都属于同一类并且哈希与 ID 同名

jQuery(".tabs").hide();
jQuery("#" + hash).show();
于 2013-03-22T14:07:25.640 回答