如何使标记云链接到asp.net中的特定段落或图片

时间:2013-03-22 13:52:22

标签: asp.net hyperlink tags cloud href

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

所以,例如,我有一个标签容器。其中一个面板是运动面板。标签容器有三个其他面板,比如食物,旅行和饮料。 如何在标签容器中创建直接转到该面板的标签? 真的卡在这里 尝试创建一个正常的id =“something”name =“something”,并尝试使用#创建一个href到该名称,但这不起作用。

有人可以帮助我 当然,非常感谢

1 个答案:

答案 0 :(得分: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();