【问题标题】:update url with jquery show/hide function使用 jquery 显示/隐藏功能更新 url
【发布时间】:2013-08-05 03:46:02
【问题描述】:

jQuery 新手。我正在尝试使用链接显示/隐藏功能,但它不能完全工作。是加载问题吗? 我需要

<a href='127.0.0.1/example/1' class='show_hides1'>click me</a>

没有

<a href='javascript:void(0);' class='show_hides1'>click me</a>

有什么想法吗?假设,我留在 127.0.0.1/example 中,我需要去 127.0.0.1/example/1,而 steel 需要显示/隐藏。两个页面都有我的隐藏内容。我该怎么做?

【问题讨论】:

  • 什么意思?你到底想发生什么?
  • IOW,您想在用户单击该内容时将 URL 更新为页面的显示/隐藏版本,但不实际重新加载页面?
  • 是的,我想要这个,可以吗?

标签: javascript jquery html


【解决方案1】:

要使用 jQuery 显示/隐藏元素,请使用以下命令:

$(document).ready(function() {
    $(".show_hides1").click(function() {
        $("<somethingtoshoworhide>").toggle();
    });
});

另外,完全删除href,或者将return false; 添加到click 函数的末尾,以便它访问指定的href 页面。

【讨论】:

  • 说得好,我个人会创建一个只有 display:hidden 的 CSS 类,然后在事件处理程序中使用 jQuery toggleClass。
  • 是的,公平地说,我在那个阵营中和你一样,我喜欢一个好的.hidden类而不是内联样式:)
猜你喜欢
  • 2013-03-20
  • 2012-08-24
  • 1970-01-01
  • 2012-08-21
  • 1970-01-01
  • 2011-05-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多