[jQuery] getJSON not working in IE
Hi, I am implenting a page with tables loaded from a dropdown menu
with getJSON. The problem is, it doesn't work in IE, it never enters
the getJSON-function. Something is missing, but I can't seem to find
what, and it works fine with both FF and Opera. Anyone who can tell me
what is missing?
The code:
$(document).ready(function(){
var jsonLink;
$("#jsonMenu").bind('change', function (e) {
jsonLink = this.options[this.selectedIndex].value;
$.getJSON(jsonLink, function(json){
$("#tableholder table").remove();
$("#tableholder").append("<table><thead><tr></tr><thead></
table>");
$("#tableholder table").addClass("tablesorter");
for(var i=0;i<json.columns.length;i++){
$("#tableholder table tr").append("<th>" + json.columns[i] +
"</th>");
}
for(var i=0;i<json.rows.length;i++){
var html = "<tr>";
for(var j=0;j<json.rows[i].length;j++){
html += "<td>" + json.rows[i][j] + "</td>";
}
html += "</tr>";
$("#tableholder table").append(html);
}
$("#tableholder table")
.tablesorter( {sortList: [[0,0], [1,0]],widthFixed: false,
widgets: ['zebra']});
});
});
});
//-----
A link to the tables:
http://www.norgesquizforbund.no/tabeller/international.html