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)

http://jsfiddle.net/qgzzt/1/

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

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

multithreading - Exception in Application constructor -

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -