javascript - jQuery Tabs not working -
i don't know why doesn't work, although should:
$('#group-tabs').tabs({ iframe: true, load: function(event, ui) { $('a', ui.panel).click(function() { $("#test").load(this.href); return false; }); } }); slightly older versions (jquery 1.8.x , jquery-ui 1.9.x)
you needed change javascript, accessing wrong elements:
$('#group-tabs').tabs({ iframe: true, beforeload: function(event, ui) { $('a').click(function() { alert(this.href); $(".tab-content").load(this.href); return false; }); } }); ref. http://jsfiddle.net/qgzzt/2/
however, don't believe able want, because "due browser restrictions, ajax requests subject "same origin policy"."
ref. cannot load external page jquery.load div in page
you can; however, try using $.get or changing source of iframe (very easy).
Comments
Post a Comment