Ajax在Jquery选项卡中加载的内容在FireFox中没有交互

时间:2013-05-03 05:11:36

标签: jquery firefox struts jquery-tabs

我正面临一个奇怪的问题,即使用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>

0 个答案:

没有答案