Problèmes avec jQuery load et getJSON uniquement lors de l'utilisation de Chrome

Question

Je rencontre un problème avec deux appels jQuery. Le premier est un "load" qui récupère du HTML et l'affiche sur la page (il inclut du Javascript et du CSS dans le code retourné). Le second est un "getJSON" qui retourne JSON - le JSON retourné est valide. Tout fonctionne correctement dans tous les autres navigateurs que j'ai essayés - à l'exception de Chrome pour Windows ou Mac. La page en question est ici:

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

Lorsque vous cliquez sur un nom de restaurant dans IE/FF, vous devriez voir cet article élargir avec plus d'informations - et une carte affichée à droite. Toutefois, si vous effectuez cette opération dans Chrome, les données JSON sont imprimées à l'écran.

Le premier spot problème est lorsque la fonction « charge » est appelée ici:

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"); 

... 

Dans le code ci-dessus, la fonction de rappel ne semble pas s'invoqué.

La deuxième place de problème est lorsque la fonction « getJSON » est appelée:

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

Dans ce cas - il semble juste de suivre le lien au lieu d'effectuer le rappel ... et oui, je fais un "retour faux" à la fin de tout cela pour empêcher l'exécution du lien.

Tout le reste du code est en ligne sur cette page si vous voulez afficher le code source.

Des idées?

Merci

Answer 1

En loadBusiness(obj, doScrollTo) redeclare top = obj.parent().parent().parent() en tant que var top = obj.parent().parent().parent().

La façon dont vous l'avez maintenant fait référence à la variable globale top comme dans la fenêtre. Étant donné qu'il s'agit d'une variable spéciale, Chrome ne vous permet pas de la redéfinir. Lorsque vous exécutez var fulllisting = top.find(".listingfull"), vous exécutez essentiellement var fulllisting = window.find(".listingfull") (vérifiez https://developer.mozilla.org/en/DOM/window.find). Cette méthode renvoie false, puis une exception est lancée ici: fulllisting.load(...) car elle est la même que false.load(...)

Answer 2

Chrome est trop stricte et ne reconnaît pas l'objet malformé JSON, pas comme les autres navigateurs.

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

vous devez changer à

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

ou

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

et bien sûr omettent le dernier.