如何显示使用 jQuery load() 将多个项目转换为多个元素
How to show use jQuery load() to ajax multiple items into multiple elements?
我需要将某些项目从大页面加载到页面的不同元素中。我编写的代码正在工作,但项目在大量暂停后逐个加载。我想我可能会做错事,因为我不是一个完整的开发人员,而只是一个设计师。
我的代码看起来像:
$("#lot-rental").load("/est.html #est-rental");
$("#lot-deposit").load("/est.html #est-deposit");
$("#lot-date").load("/est.html #est-date");
$("#lot-build").load("/est.html #est-build");
使用 $.get()
加载数据,然后手动设置各种元素的内容。
$.get('/est.html', function(data) {
$.each(['rental', 'deposit', 'data', 'build'], function(i, key) {
$('#lot-' + key).html($(data).find('#est-' + key));
});
}, 'html');
为什么不使用$.get
解析响应(查找元素)并将它们加载到主页:
$.get('/est.html',function(html){
//wrap in jQuery so we can use it as context
html = $(html);
//find the item in html, and append to the container in the current page
$('#est-rental',html).appendTo('#lot-rental');
// ^ ^ ^-- target
// | '-- context
// '-- the element to find in HTML
});
试试这个
$("#lot-rental").load("est.html#est-rental");
$("#lot-deposit").load("est.html#est-deposit");
$("#lot-date").load("est.html#est-date");
$("#lot-build").load("est.html#est-build");
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- 正在将数据主题添加到所有项目
- 如何在Javascript中将JSon对象转换为数组
- Codrops页面转换.如何创建单独的按钮,而不是列表项目的效果
- 通过suitescript将非库存项目转换为库存项目
- 如何使 Gulp 任务将项目的每个 jsx 文件转换为不同的.js文件
- 如何显示使用 jQuery load() 将多个项目转换为多个元素
- 将Java转换为JavaScript项目的可行性如何
- Eclipse - 撤消“转换为 JavaScript 项目”.".
- 将json行项目转换为嵌套的javascript对象数组
- 如何将对象转换为HTML项目符号列表
- 如何计算新项目在转换容器中的位置
- 在React项目中,“this”"转换为“未定义”
- 从web站点转换为web应用程序项目后,不定义WCF服务
- 如何将一个项目从javascript转换为typescript
- 转换UTM到谷歌长期项目
- 添加标签到标题和转换器到标签内的列表项目插件responsiveTab
- 如何使用jquery将多选下拉列表的所有项目(选项)转换为数组
- 如何在Windows 7上使用js2coffee将整个项目转换为CoffeeScript
- 使用js2coffee将整个项目转换为CoffeeScript