我正面临一个奇怪的问题,即使用jquery UI选项卡并通过选项卡中的AJAX加载外部JSP。 在IE 7,8,9中一切正常工作但是当我使用Firefox 16.x时它渲染内容但是内容操作项如按钮,超链接,下拉列表都是可见的但是有点禁用,即我不能点击它们并执行一些动作。如果它是一个已知问题或我忽略了某些事情,请让我知道。 PFB我在JSP中使用的JS和HTML代码。我在struts 1.xx框架中使用jquery。
$(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 this tab. We'll try to fix this as soon as possible. " );
});
}
});
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">
<!-- some content inside -->
</div>
</div>