jQuery的Ajax选项卡更改为＆QUOT;载入中...＆QUOT;点击他们后， [英] jquery ajax tabs change to "Loading..." after clicking on them
问题描述
在以下code所有选项卡最初显示他们正确的文本（家庭，报告，安装，文档，支持）。当任何AJAX标签被点击（主页，文档，支持）上的标签修改文本为载入中...。然而，2个非Ajax选项卡（报告和设置）保持自己的文字。我如何阻止它去载入中...为什么会变成这样的变化？
＆LT; HTML＆GT;
＆LT; HEAD＆GT;
＆LT;链接HREF =http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css相对=样式类型=文本/ CSS/＆GT;
＆所述;脚本的src =http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js＆GT;＆所述; /脚本＆GT;
＆所述;脚本的src =http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js＆GT;＆所述; /脚本＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
$（＃标签）选项卡（）。
}）;
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
$（＃标签）选项卡（{ajaxOptions：{缓存：假}}）。
}
＆LT; / SCRIPT＆GT;
＆LT; HTML＆GT;
＆LT; DIV ID =标签＆GT;
＆LT; DIV ID =菜单＆GT;
＆LT; UL＆GT;
＆LT;李＆GT;＆LT; A HREF =home.php标题=首页＆GT;＆LT;跨度＆GT;家＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =＃report_tabs称号=报告＆gt;＆LT;跨度＆GT;报告＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =＃setup_tabs称号=设置＆gt;＆LT;跨度＆GT;设置＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =documentation.php称号=文档和GT;＆LT;跨度＆GT;文件＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
＆LT;李＆GT;＆LT; A HREF =support.php称号=载体＆gt;＆LT;跨度＆GT;支持＆LT; / SPAN＆GT;＆LT; / A＆GT;＆LT; /李＆GT;
＆LT; / UL＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / HTML＆GT;
您可以设置 微调选项以假，或一个空字符串，像这样的：
$（＃标签）。标签（{
ajaxOptions：{缓存：假}，
微调：假的
}）;
您可以看到 如果（o.spinner） 点击这里，无论这些都会失败这个检查，避免了更换（如将其他数据类型，但假是最清楚的意图IMO）。
In the following code all of the tabs initially display their proper text (Home,Reports,Setup,Documentation,Support). When any of the ajax tabs are clicked (Home, Documentation, Support) the text on the tab changes to "Loading...". However, the 2 non ajax tabs (Reports and Setup) keep their text. How do I keep it from going to "Loading..." Why would this change?
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</head>
<script>
$(document).ready(function() {
$("#tabs").tabs({ ajaxOptions: {cache: false}});
}
</script>
<html>
<div id="tabs">
<div id="menu">
<ul>
<li><a href="home.php" title=Home><span>Home</span></a></li>
<li><a href="#report_tabs" title=Reports><span>Reports</span></a></li>
<li><a href="#setup_tabs" title=Setup><span>Setup</span></a></li>
<li><a href="documentation.php" title=Documentation><span>Documentation</span></a></li>
<li><a href="support.php" title=Support><span>Support</span></a></li>
</ul>
</div>
</div>
</html>
You can set the spinner option to false, or an empty string, like this:
$("#tabs").tabs({
ajaxOptions: {cache: false},
spinner: false
});
You can see the if(o.spinner) check here, either of these will fail this check, avoiding the replacement (as will other data types, but false is the clearest intention IMO).
这篇关于jQuery的Ajax选项卡更改为＆QUOT;载入中...＆QUOT;点击他们后，的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
