单击#链接时,网站会继续回发

时间:2014-09-22 03:16:52

标签: javascript html

我认为我的问题很简单,但我似乎无法弄清楚我做了些什么来搞砸了......但

无法执行简单的页面回发,而我的网站上没有完全重新加载页面的原因不明白。

示例:我创建了一个名为

的ANCHOR
<a id="multi" href="#"></a>

我无法在页面内调用此链接,而不会完全重新加载页面。这引起了其他严重的问题,例如我在我的Android手机上拉起我的网站..菜单本身压缩完全正常,但当你点击菜单时,它实际上强制页面重新加载,就像它做回发或其他什么时候没有假设。

我的聊天窗口小部件在右下角我的网站上也是如此...它使用了javascript并指向&#34; http://www.website.com/#&#34;因此,没有任何东西可以发生,所以它可以在收到点击后加载窗口,但是有些东西导致我的网站实际发帖并试图将其作为实际网站访问。

任何人都知道造成这种情况的原因是什么?我甚至试图完全删除和删除我的所有javascript和CSS引用以及我缺少的所有内容?

1 个答案:

答案 0 :(得分:3)

#应该只是让页面跳起来。但是,会出现以下情况:

检查#是否仍在该链接上

有些脚本会删除#并将该链接指向其他位置。如果您使用的是Chrome,则可以通过右键单击并检查链接来检查链接(其他浏览器也应该也是如此)。检查#是否仍为href

检查点击处理程序

还有一些时候,处理程序附加到链接(我有一个共同开发人员这样做了一次),并为页面引入了太多的魔力。检查元素并在检查器的Elements选项卡上,应该有一个名为Event Listeners的选项卡。检查click处理程序并检查它。更难捕获的是委托事件处理程序,因此也要检查祖先。

俯瞰明显的

  • 您可能错过了#
  • 您可能正在编辑旧代码
  • 您可能正在编辑另一个文件(经常发生)
  • 清除缓存或调试隐身或其他浏览器配置文件,您可以公开清除缓存。