Problems with jQuery load and getJSON only when using Chrome
Posted
by leftend
on Stack Overflow
See other posts from Stack Overflow
or by leftend
Published on 2010-05-19T06:43:46Z
Indexed on
2010/06/16
22:02 UTC
Read the original article
Hit count: 453
I'm having an issue with two jQuery calls. The first is a "load" that retrieves HTML and displays it on the page (it does include some Javascript and CSS in the code that is returned). The second is a "getJSON" that returns JSON - the JSON returned is valid.
Everything works fine in every other browser I've tried - except Chrome for either Windows or Mac. The page in question is here:
http://urbanistguide.com/category/Contemporary.aspx
When you click on a Restaurant name in IE/FF, you should see that item expand with more info - and a map displayed to the right. However, if you do this in Chrome all you get is the JSON data printed to the screen.
The first problem spot is when the "load" function is called here:
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");
...
In the above code, the callback function doesn't seem to get invoked.
The second problem spot is when the "getJSON" function is called:
$.getJSON(href, function(data) {
if (data.error.length > 0) {
//display error message
}
else {
...
}
In this case - it just seems to follow the link instead of performing the callback... and yes, I am doing a "return false;" at the end of all of this to prevent the link from executing.
All of the rest of the code is inline on that page if you want to view the source code.
Any ideas??
Thanks
© Stack Overflow or respective owner