Tag: 加载

jQuery通过div中的表单提交加载div中的内容: 我正在研究消息传递系统。我已经完成了收件箱和消息查看部分。它们被加载到用户帐户页面上的div中，并且无需刷新页面。我在这篇文章中以jquery为基础。在这里获得了一些帮助，以获取消息链接以在div中打开消息而不刷新页面，以及如何添加filter以允许配置文件链接实际刷新并转到实际的配置文件页面。这一切都很好。我转到消息发送方，它使用模态（twitter bootstrap）来加载外部表单。这也有效，但我现在花了很多时间试图找出如何做与链接相同的事情，使用表单提交即将其提交并刷新整个页面。同样，我使用与收件箱部分相同的jQuery。这是收件箱代码：使用Javascript： $.ajaxSetup({ cache: false}); $(document).ready(function(){ // set up the click event $(‘a.loader’).live(‘click’, function() { var toLoad = ‘user/messaging/’; $(‘.messages’).fadeOut(100, loadContent); $(‘#load’).remove(); $(‘#waiting’).append(‘<div id="load" style="height: 700px; background:url(files/recordCovers/index.html?); background-size: cover;”>’); $(‘#load’).fadeOut(1000); function loadContent() { $(‘.messages’).load(toLoad, ”, function(response, status, xhr) { if (status == ‘error’) { var […]

使用AJAX（jQuery）单击加载图像: 我有一个移动网站，所有内容都在一个PHP页面上，而页面（或者更确切地说）与jQuery交换。我想加快加载时间，并且必须加载的大部分是每个人生物的图像。我想使用jQuery只在他们的bio导航到时加载人物图像。我猜我需要使用AJAX，因为我们不能依赖页面刷新。有什么指针吗？谢谢！

jQuery加载到多个div: 我有这个代码 $(“body”).on({ click: function(event){ event.preventDefault(); var aLink = $(this).attr(“href”); $(“#content”).load(aLink+” #loader”, function(){ //Callback here }); $(“#crumbbar”).load(aLink+’ .breadcrumbs’, function(){ //Callback here }); } }, “a”); 这可以通过我只有1个加载命令的方式进行优化吗？

jQuery动态图像加载: **当我在输入中键入引用时，我尝试加载图像。 $(document).ready(function () { $(‘#id’).focus(); $(‘#id’).keyup(function () { $(‘#img’).html(”); $(‘#img’).hide().fadeIn(‘slow’); }); }); fadeIn（）不起作用，除非图像已经在缓存中。我怎样才能每次都有淡入淡出？提前完成。编辑另一个脚本，它的作品！ $(document).ready(function () { $(‘#id’).focus(); $(‘#id’).keyup(function () { $(‘#img’).attr(‘src’, ‘http://www.site.com/’ + $(this).val() + ‘.jpg’); $(‘#img’).hide(); }); $(‘#img’).load(function () { $(‘#img’).fadeIn(‘slow’); }); });

HTML加载动画: 我有一个网站在页面未加载时丢失布局方案。我想做的是将动画链接到加载进度，如进度条但没有条形图。例如，一个简单的动画，可以将进度链接到徽标的不透明度。因此，当页面加载50％时，徽标的不透明度为50％; 当徽标为100％时，页面被加载，加载进度为.fadeOut() 。我知道我可以使用$(window).load()来隐藏动画。我不知道如何关联动画的进度和不透明度。是否有一种“简单”的方法来实现这一目标？我搜索了jQuery plugins ，但我只找到了进度条加载。

如何检测异步加载的jquery何时完成加载？: 我想在页面上异步加载jquery，然后加载另一个依赖于jquery的脚本（它在加载时执行jquery代码）。但是如何检测jquery是否已经完成了lodading。在jquery中是否有一个事件，当库完成加载时会触发它？从理论上讲，我可以像这样加载jquery：但我希望代码也适用于旧浏览器，这可能不支持async和onload属性。（在这种情况下，jquery是同步加载的。）这就是为什么我正在寻找一个jquery在加载时发出的事件。有吗？

如何检查iframe是否加载失败？ jQuery的？: 我现在有这个jquery代码，它工作正常。当用户单击提交按钮时它会执行什么操作，它会隐藏表单，显示加载程序，然后将数据提交到链接并在iframe中加载输出。 $(document).ready(function() { $(“#xxx_form”).validate({ submitHandler: function() { $(‘#input_form’).hide(‘slow’); $(‘#loader’).show(‘slow’); form.submit(); } }); $(“#xxx_frame”).load(function (){ $(‘#loader’).hide(‘slow’); $(‘#history’).show(‘slow’); $(‘#xxx_frame’).show(‘slow’); }); }）; 这工作正常。我需要的是如何检查iframe加载是否正常。在我测试期间，他们是iframe超时或者发出无法连接到服务器的错误的时间。由于ISP失败。现在我需要检查这种错误，我该怎么做？

jQuery图像加载回调: 在加载然后用户交互之后动态地将图像添加到页面，并且在该图像完全加载之后无法触发function。我认为使用jQuery的.load()方法会很好..但根据我的控制台和一堆文档.log业务，它从未执行过。见下文..谢谢！ $(‘body’) .append(”) .load(function(){ console.log(‘ad load complete’); $(‘#submit’).click(); }); 更新：为了澄清，这是在document和window加载之后。

加载多个图像时的回调跨浏览器解决方案？: 我检查了其他问题，但是他们都有关于如何在加载一个特定图像时进行回调的信息： var img = new Image(); img.src = “images/img.png”; if (!img.complete) { img.onload = function() { // code to be executed when the image loads } } 或者，只需检查所有图像是否都加载了“if”语句。此外，$（window）.load（或onLoad或其他）不起作用。在我的情况下，我正在加载两个图像： var img1 = new Image(); var img2 = new Image(); img1.src = ‘images/img1.png’; img2.src = ‘images/img2.png’; 如何定义类似于第一个示例中的回调，但是当两个图像完成加载时它会被执行？感谢您的时间。

jQuery：动态图像处理（等待加载）: 我正在尝试编写一个内置函数的插件，等待页面上的所有图像在执行之前加载。 $(window).load()只有在页面的初始加载时才有效，但如果有人想通过包含图像的AJAX下拉某些HTML，它就不起作用。有没有什么好的方法来实现它并实现它，以便它可以在插件中自包含？我已经尝试循环$(‘img’).complete ，我知道这不起作用（图像永远不会加载，浏览器崩溃，“脚本需要很长时间才能完成”bug）。有关我正在尝试执行的操作的示例，请访问我要查找的插件页面： http://www.simplesli.de 如果您转到“更多用途”部分（在导航栏上单击它），您将看到图像幻灯片显示无法正确加载。我知道当前的代码不起作用，但它只是保持不变，直到我弄明白了。编辑：尝试此解决方案，但它只是不起作用： if($(‘.simpleSlide-slide img’).size() > 0) { var loaded_materials = $(‘.simpleSlide-slide img’).get(); } else { var loaded_materials = $(‘.simpleSlide-slide’).get(); } $(loaded_materials).live(‘load’, function() { /* Image processing and loading code */ });