个人中心
gpt4 book ai didi

javascript - Firefox 3.0 中的无限刷新循环

转载 作者：行者123 更新时间：2023-11-29 20:23:09 25 4
gpt4 key购买 nike

我在 Firefox 3.0.x 中的 Javascript 遇到了一个奇怪的问题。在 Firefox 3.0.12 中，页面会在加载列表主体后立即重新加载。 Firefox 3.5、Safari 4 和 Chrome 5(均在 Mac 上)均未遇到此问题。

编辑:我创建了一个独立的示例，而不是从我现有的代码中提取它。

该问题与在 FF 3.0 中将 location.hash 设置为空字符串时导致页面重新加载的错误有关。

test.js

function welcomeIndexOnLoad() {
  $("#options a").live('click', function () {
    optionClicked($(this), "get_list_body.html");
    return false;
  });

  $(document).ready(function() {
    optionClicked(null, "get_list_body.html");
  });
}

function optionClicked(sender, URL) {
  queryString = "";
  if (sender != null) {
    queryString = $(sender).attr("rel");
  }
  $("#list_body").load(URL + "?" + queryString, function(resp, status, AJAXReq) {
    console.log(resp);
    console.log("" + status);
    location.hash = queryString;
  });
}​

test.html

<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
  <script type="text/javascript" src="test.js"></script>
  <script>
    welcomeIndexOnLoad();
  </script>
</head>

<body>
<div id="container">
  Outside of list body.
  <div id="list_body">
  </div>
</div>
</body>
</html>

get_list_body.html

<h3>
  <div id="options">
    <a href="#" rel="change_list">Change List</a>
  </div>
<ul>
  <li>li</li>
</ul>

页面重新加载后，jQuery 行 5252(xhr.send() 调用)立即显示在控制台中:

xhr.send( type === "POST" || type === "PUT" || type === "DELETE" ? s.data : null );

最佳答案

经过更多的搜索，我发现了这个 blog post ，其中提到在 Firefox 3.0 中将位置哈希设置为空字符串会导致页面刷新。

将我的默认查询字符串更改为“#”而不是空字符串可以解决问题。

关于javascript - Firefox 3.0 中的无限刷新循环，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2910198/

25 4 0
文章推荐： php - 来自 Windows 服务器的 mysql 在线仪表板
文章推荐： javascript - 如何添加到现有的 onclick 事件？
文章推荐： javascript - 在 JS/Prototype 中获取一个月中的几天
文章推荐： MYSQL错误1064，如何解决？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com