【问题标题】:How do make a tag cloud link to a specific paragraph or picture in asp.net如何在asp.net中将标签云链接到特定段落或图片
【发布时间】:2013-03-12 09:50:32
【问题描述】:

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

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

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

【问题讨论】:

  • 点击“标签页”上的标签会发生什么?是否触发了一些 javascript 来显示/隐藏部分?你可以附加到那个javascript吗?这就是关键。

标签: asp.net hyperlink tags cloud href


【解决方案1】:

# 是你最好的选择。例如,如果您将链接设置为:

<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 中查找某些内容,然后对它执行 something

编辑

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

jQuery(".tabs").hide();
jQuery("#" + hash).show();

【讨论】:

  • so 之后 var hash = window.location.hash;字符串,我怎么说“链接到该页面上的那个面板”?
  • 抱歉问了这么多,对这种事情不熟悉
  • 我不明白你的意思。您已经在面板页面上。如中,jquery 位是 for 面板页面...
  • 对不起。说我将链接设置为 ../default.aspx#findthird 然后复制你的 jscript 代码。现在呢?
  • 将脚本放在标签页中,然后在“做某事”的地方,根据哈希值(“findthird”)显示相关面板。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-08-15
  • 1970-01-01
  • 1970-01-01
  • 2020-01-18
  • 2015-07-18
  • 2011-03-04
  • 2022-10-17
相关资源
最近更新 更多