Ajax loaded content in Jquery tabs not interacting in FireFox -
i facing strange issue, im using jquery ui tabs , loading external jsp via ajax inside tab. working fine in ie 7,8,9 when use firefox 16.x rendering content content action items such buttons, hyperlinks , dropdown lists visible kind of disabled , i.e can't click on them , perform action.please let me know if known issue or overlooked something. pfb js , html code used in jsp. using jquery in struts 1.xx framework.
$(document).ready(function() { $( "#tabs" ).tabs({ beforeload: function( event, ui ) { $("#loading-imagetab").show(); ui.jqxhr.success(function() { $("#loading-imagetab").hide(); }); ui.jqxhr.error(function() { $("#loading-imagetab").hide(); ui.panel.html( "couldn't load tab. we'll try fix possible. " ); }); } });
content inside body of jsp
<div id="tabs"> <ul> <li><strong class="first"> <a href="#tabs1" id="tab1">tab-1</a> </strong></li> <li> <strong> <a href="paymentinquiry.do?tabindicator=tab"id="tab2">ajax-tab2</a> </strong> </li> </ul> <div id="tabs1"> <!-- content inside --> </div> </div>
Comments
Post a Comment