我想在页面加载一些XML内容时在页面上显示加载动画的div
。一旦它加载,我想隐藏这个div。我怎么能这样做呢?在页面加载时显示div,完成后隐藏
1
A
回答
8
$.ajax({
url: '/test.xml',
beforeSend: function(XMLHttpRequest) {
// Show the div before sending the request
$('#load').show();
},
complete: function(XMLHttpRequest, textStatus) {
// Hide the div no matter if the call succeeded or not
$('#load').hide();
},
success: function(xml) {
// if the request succeeds do something with the received XML
}
});
+0
为什么这是“最好的”解决方案?矿井几乎完全相同并具有“0”。不是我在乎,而是让我想知道这里的“得分系统”吗? – 2011-02-04 00:40:42
3
$.ajax({
type: "GET",
url: "your.xml",
dataType: "xml",
beforeSend: function() {
$('#div').fadeIn();
},
success: function(xml) {
// example for parsing xml
$(xml).find('YOUR_XML_TAG').each(function(){
// append xml to page HERE
});
},
complete: function() {
$('#div').fadeOut();
}
});
2
@cballou您的代码将离开 '#div' “起来”,如果$。阿贾克斯()尚未suceeded任何的许多可能的原因。
+0
注意和修复。 – 2009-12-02 20:08:47
0
我会在页面URL更改时使用onbeforeunload事件来创建一个覆盖div,其中不透明度为0.5,当页面加载时将被新内容替换。
1
几乎正确;) 绝不低估删除冗余$()调用的重要性。所以......
//all of this is inside some closure or function
var $blanket = $("#div") ;
// check if after last call, something has possibly removed your '#div'
// throw if false
ASSERT($blanket.length === 1) ;
$.ajax({
type: "GET",
url: "your.xml",
dataType: "xml",
beforeSend: function() { $blanket.fadeIn();
},
success: function(xml) {
// example for parsing xml
$(xml).find('YOUR_XML_TAG').each(function(){
// append xml to page HERE
});
},
complete: function() { $blanket.fadeOut();
}
});
--DBJ
相关问题
- 1. jQuery - 在加载时隐藏div,在动画完成后显示
- 2. 页面加载时隐藏div,几秒后显示相同
- 3. 如何在页面重新加载后显示隐藏的div?
- 4. Jquery-在页面加载后隐藏/显示div
- 5. 在页面加载时显示隐藏的div
- 6. 在页面加载时隐藏div
- 7. 在页面加载时隐藏DIV
- 8. 加载完成后显示HTML页面
- 9. JS/jQuery页面加载时显示DIV,点击时隐藏
- 10. 在页面重新加载后显示隐藏的div(页面重新加载后div变为可见)
- 11. 页面加载完成时显示Webview?
- 12. 阿贾克斯div隐藏并显示隐藏后div加载
- 13. 如何显示,然后在加载页面后隐藏AppBar?
- 14. jquery在页面加载显示div并隐藏另一个
- 15. jquery隐藏div没有显示在加载页面
- 16. 隐藏页面上的div,但div在隐藏之前显示
- 17. 在页面加载隐藏DIV
- 18. 在InAppBroswer加载完成后隐藏splashscreen
- 19. Divs显示,然后隐藏在页面加载
- 20. 页面加载隐藏div并显示另一个
- 21. 无法加载外部页面隐藏/显示DIV中
- 22. 在ajax jquery页面重新加载后点击链接显示隐藏的div
- 23. 隐藏加载图像一旦页面加载完成
- 24. 当页面加载时,隐藏的面板不断显示
- 25. 页面加载2秒后显示div
- 26. 如何在调用ajax时隐藏页面并显示加载div
- 27. HTML页面,隐藏div显示
- 28. jquery - 从加载页面隐藏父div,
- 29. 隐藏页面加载时显示何时打印
- 30. 如何在后台加载图像,然后在完成时显示页面?
如何将XML内容加载?它是通过AJAX吗? – rahul 2009-11-05 13:39:47