jQuery加载:为多种目的加载单个文件?
问题描述:
我有几个选择的内容加载到DOM就绪。jQuery加载:为多种目的加载单个文件?
它看起来是这样的:
<select id="select1"> </select>
<select id="select2"> </select>
<select id="select3"> </select>
<select id="select4"> </select>
<select id="select5"> </select>
像这样的JavaScript:
$(document).ready(function(){
$("#select1").load("select1.html",
function (responseText, textStatus, XMLHttpRequest) {
if (textStatus == "success") {
alert("success");
}
});
$("#select2").load("select2.html",
function (responseText, textStatus, XMLHttpRequest) {
if (textStatus == "success") {
alert("success");
}
});
// and goes on for every select
编辑:
现在,每个选择都有不同的价值观。 Select1为国家,Select2为颜色,Select3为货币等。如何将所有选项合并为1个HTML/XML并加载,以便从每个文件中选择其选项。
问题2:将每个选择选项加载到自己的文件或将所有内容组合在一起会更好吗?
请注意,现在内容已加载到DOM就绪;用于测试目的。在功能中,我将分别调用每个选择内容。我加载选项的原因是每个选择都有大约30个选项,并且我希望减少整个网站的加载时间,因为它有一个带有多个选择选项的1页仪表板Web应用程序。
答
您可以从单个页面加载片段。
做这样的
$("#select1").load("select.html #select1_content", //continue
这样,要装载到#select1_content
的#select1
内容从单一select.html
页面。
见加载页面片段这里:http://api.jquery.com/load/
你有一个很好的理由把每选择一个不同的文件?我看不出为什么你会想要那样。 –
@Interstellar_Coder每个选择都有不同的选项。一个是少数国家,另一个是颜色等等。 – jQuerybeast
@Interstellar_Coder,我不想那样。我希望所有选择在同一个文件中,这是我的问题先生。我怎样才能做到这一点? – jQuerybeast