Jquery ui Ajax的Javascripts称文件在Firefox的主页上不起作用,但在Google Chrome上起作用
我面临一个奇怪的问题。我正在尝试使用jQueryUITabAjax方法接收主页上另一个文件的内容Jquery ui Ajax的Javascripts称文件在Firefox的主页上不起作用,但在Google Chrome上起作用,jquery-ui,jquery,firefox,Jquery Ui,Jquery,Firefox,我面临一个奇怪的问题。我正在尝试使用jQueryUITabAjax方法接收主页上另一个文件的内容 jQuery( "#tabs" ).tabs({ beforeLoad: function( event, ui ) { ui.jqXHR.error(function() { ui.panel.html( "Error message." ); }); } }); 及 表2的内容
jQuery( "#tabs" ).tabs({
beforeLoad: function( event, ui ) {
ui.jqXHR.error(function() {
ui.panel.html(
"Error message." );
});
}
});
及
表2的内容
表3的内容
如您所见,我在第一个选项卡上调用abc.php。它包含一个表单和一些验证脚本
这在Google Chrome上运行良好,而abc.php的javascripts在主页上运行时没有任何问题
问题出现在我使用firefox时,远程文件(abc.php)的javascript不起作用,但如果我在调用abc.php的主页上使用
alert()
,abc.php的javascript起作用,我想我自己找到了答案。我使用jQuery(document).ready(function(){
在主页面和abc.php上执行Java脚本
只需从abc.php中删除jQuery(document).ready(function(){
事件,就完成了这个奇迹,现在它似乎可以在Firefox和Chrome上运行
<div id="tabs" class="jquery_tabs">
<ul>
<li><a href="http://xyz.com/x/abc.php">First Option</a></li>
<li><a href="#div1">Second Option</a></li>
<li><a href="#div2">Third Option</a></li>
</ul>
<div id="div1">
contents of tab2
</div>
<div id="div2">
contents of tab3
</div>
</div>