Tag: loading

jQuery页面加载微调器全屏

我正在使用这样的代码： $(‘body’).addClass(‘ui-loading’); $.mobile.loadingMessage = “Loading”; $.mobile.showPageLoadingMsg(); 为了显示jQuery页面加载微调器，它工作，微调器显示在屏幕中间的某个位置。 我的问题是，虽然显示了未覆盖的控件，但可以使用它。 我在多个页面上使用它，所以我不想禁用，并且在每个页面中逐个重新启用每个控件之后，对我来说，让加载微调器控件在整个页面上展开是非常有用的。 。 知道如何做到这一点？ 谢谢，Alex

使用AJAX加载时显示加载GIF图像

$.ajax({ url: “/image/productImages.jpg”, timeout:5000, beforeSend: function(){ // Handle the beforeSend event $(‘##loading’).show(); }, complete: function(){ // Handle the complete event $(‘##loading’).hide(); }, success: function (data) { alert(“image was added successfully”); }, error: function () { alert(“There was an error. Image could not be added, please try again”); } }); 我想在加载图像时显示加载gif的显示加载，然后在加载图像后将其删除。 在这里，我有这个代码来做到这一点，但这是直接错误。 有没有人知道为什么或如何解决这个问题。 提前致谢！

将加载gif添加到简单脚本

我真的是Javascript的新手，但我有这个脚本加载url的内容，一切正常。 我在一个按钮上使用onClick方法调用plannerSpin函数，但是如何在显示动画gif的同时进行所有这些操作？ var xmlHttp function plannerSpin(str) { xmlHttp = GetXmlHttpObject() if (xmlHttp == null) { alert(“Browser does not support HTTP Request”) return } var url = “/recipes/planner/data” xmlHttp.onreadystatechange = stateChanged xmlHttp.open(“GET”, url, true) xmlHttp.send(null) } function stateChanged() { if (xmlHttp.readyState == 4 || xmlHttp.readyState == “complete”) { document.getElementById(“recipe_planner_container”).innerHTML = xmlHttp.responseText } } function GetXmlHttpObject() { […]

使用jquery刷新动态php div

我使用php / while循环将mysql结果打印到div中。 现在我需要在点击任何链接，使用jquery插件或代码的按钮后刷新此结果。 单击链接后更好的设计，用户看到任何加载消息（请稍候）和jquery / php打印新结果（刷新div）。 这可能吗？ 有办法做到这一点？ 我的div是： Link TO refresh Div <?PHP $result=mysql_query("select * from messages where id<'$lastmsg' order by id desc limit 20"); $count=mysql_num_rows($result); while($row=mysql_fetch_assoc($result)) {?> NOTE : I dont need To Load From Jquery External File Methods . thanks

如何在单击按钮时在文本框中显示加载微调器？

如何在单击按钮时在文本框中显示加载微调器？ 假设我有一个用户名和密码文本框，以及一个登录按钮。 输入用户名和密码并单击“登录”按钮后，微调器应显示在文本框中。 请帮助。 我正在寻找一个JQuery选项或Javascript。

Jquery：DOM加载后的fadeIn图像。 有时工作..？

//fade in images after the image has loaded.. $(document).ready(function(){ $(“.image_ad”).hide().bind(“load”, function () { $(this).fadeIn(400); }); }); 如果有人有任何意见，这将是伟大的。 我写这篇是为了避免在页面上看图像加载，我更喜欢加载页面然后当每个图像准备就绪时它们很好地淡入。 问题是，有时一些图像永远不会加载，点击刷新会纠正这个，但我宁愿把它完美，并询问是否有人知道为什么。 我有一种感觉，有时dom在脚本运行时没有完全加载，我知道它在文档中。但是它可能是有可能的…… 再次感谢。 感谢所有的答复！ 今晚我会玩这些片段并发回我发现有用的片段。 再次，你的答案非常感谢。 如下所示，这似乎对我的需求非常有效。 感谢大家。 $(document).ready(function(){ $(“.gallery_image”).hide().not(function() { return this.complete && $(this).fadeIn(100); }).bind(“load”, function () { $(this).fadeIn(100); }); }); 还有一件事，我不喜欢不完整的post所以…… 我发现这在Firefox 3.6.12中不起作用。 我会看看这个。

当有人点击特定链接时如何显示加载对话框？

我有一个URL打开一个网页，加载速度很慢，我无法控制它。 我确实想要在有人点击此URL时显示加载对话框，或者在发生这种情况时阻止带有叠加div的页面。 注意：这与ajax相关的问题不同，这对于普通的URL点击形成了用户，而不仅仅是特定的点击。 slow load… 我想我正在寻找的是onClick上的内容。

下载文件后如何执行一些javascript？

我有一个页面，其中包含指向文件的链接。 单击链接后，我使用下面的代码显示加载消息： $(‘#TerritoriesToExcelLink’).click(function() { $(‘#TerritoriesToExcelLoading’).show(); window.location.href = $(this).attr(‘href’); }); 我想在下载文件后隐藏消息，并在浏览器中弹出保存对话框。 我已经尝试添加一些在ready()上激活的代码，但这似乎只是直接运行（大概是因为页面已经加载，即使文件不是），所以加载消息永远不会显示。 文件完全下载后，如何隐藏加载消息？

如何在jquery ajax的后期数据处理期间设置加载图像？

jquery ajax代码是： $(“#id_btnpolls”).click(function(){ var valCheckedRadio = $(‘input[name=data[distributions]]:checked’).val(); //alert(valCheckedRadio); $.ajax({ type: “POST”, url: “/pollanswers/checkpollanswers”, data: “valCheckedRadio=”+valCheckedRadio, success: function(prm){ //alert(prm); $(“#id_color_polls”).html(prm); } }); }) 单击按钮时，数据会在5秒左右后显示。 在那个loding期间我想添加一个加载图像。 我怎样才能做到这一点？

使用simplemodal，显示加载微调器，同时iframe中的内容加载

早上好！ 我正在使用Eric Martin的jQuery SimpleModal插件。 目前，我正在使用iframe加载模式以加载我按预期工作的请求页面。 我想要实现的是一个Loading … spinner，它在内容加载时显示。 我正在加载我的模态如下： jQuery(function ($) { // Load dialog on click $(‘.basic’).click(function (e) { var src = “http://localhost” + $(this).attr(“href”); $.modal(”, { closeHTML: “”, containerId: “simplemodal-container”, overlayId: “simplemodal-overlay”, overlayClose: true }); return false; }); }); 我有一个为我的模态容器设置的背景图像，它立即显示。 我肯定更喜欢在这里展示一个加载微调器。