仅在使用 Chrome 时出现 jQuery load 和 getJSON 问题

Question

我遇到了两个 jQuery 调用的问题。第一个是“加载”，它检索 HTML 并将其显示在页面上（它在返回的代码中包含一些 Javascript 和 CSS）。第二个是返回 JSON 的“getJSON” - 返回的 JSON 是有效的。

在我尝试过的所有其他浏览器中一切都工作正常 - 除了适用于 Windows 或 Mac 的 Chrome 浏览器。有问题的页面在这里：

http://urbanistguide.com/category/Contemporary.aspx

当您在 IE/FF 中单击餐厅名称时，您应该会看到该项目展开并显示更多信息 - 并在右侧显示地图。但是，如果您在 Chrome 中执行此操作，您得到的只是打印到屏幕上的 JSON 数据。

第一个问题是当这里调用“load”函数时：

    var fulllisting = top.find(".listingfull");
    fulllisting.load(href2, function() {
       fulllisting.append("<div style=\"width:99%;margin-top:10px;text-align:right;\"><a href=\"#\" class=\"" + obj.attr("id") + "\">X</a>");
       itemId = fulllisting.find("a.listinglink").attr("id");

...

在上面的代码中，回调函数似乎没有被调用。

第二个问题是当调用“getJSON”函数时：

$.getJSON(href, function(data) {
    if (data.error.length > 0) {
        //display error message
    }
    else {
        ...
    }

在这种情况下 - 它似乎只是跟随链接而不是执行回调......是的，我正在执行“return false;”在所有这一切结束时以防止链接执行。

如果您想查看源代码，则所有其余代码都内联在该页面上。

有什么想法吗？

谢谢

Answer 1

在 loadBusiness(obj, doScrollTo) 中，将 top = obj.parent().parent().parent() 重新声明为 var top = obj.parent()。父().父()。

现在的方式是指 window.top 中的全局变量 top。由于它是一个特殊变量，Chrome 不允许您重新定义它。当您运行 var fulllisting = top.find(".listingfull") 时，您实际上是在运行 var fulllisting = window.find(".listingfull") （检查 https://developer.mozilla.org/en/DOM/window.find）。此方法返回 false，然后在此处引发异常：fulllisting.load(...)，因为它与 false.load(...) 相同

Answer 2

Chrome 过于严格，无法识别格式错误的 JSON 对象，这与其他浏览器不同。

i.e. {"list":["abc","def",]}

你必须将其更改为

{"list":["abc","def"]}

or

{"list":["abc","def",""]}

，当然省略最后一个。