Tag: 延迟加载

懒加载google maps api v3 jQuery回调

我懒得加载谷歌地图api v3 javascript 该文档说明了如何在脚本加载时将作为函数名称的回调参数作为回调参数执行。 $(document).ready(function(){ var s = document.createElement(“script”); s.type = “text/javascript”; s.src = “http://maps.google.com/maps/api/js?v=3&sensor=true&callback=gmap_draw”; $(“head”).append(s); }); 所以我必须定义gmap_draw（）函数。 当我将此函数包含在domready块中时，它是不可见的。 这个问题的任何变通方法？ （除了将function放在domready块之外）

使用jquery延迟加载iframe（延迟src http调用）

我正在寻找类似于jQuery图像延迟加载插件的东西 ，但是对于iframe 。

延迟加载JavaScript – 未捕获的ReferenceError：$未定义

我使用谷歌代码推迟加载JavaScript（ 谷歌页面 ） 但我有一些内联javascripts，如： $(function () { alert(“please work”); }); 这给了我： 未捕获的ReferenceError：$未定义 我想我需要一些函数，这是在jQuery加载后启动并初始化我的内联javascripts。 但如果有另一种方式，我会很高兴。 编辑： 有些人完全没有话题。 Mahesh Sapkal很接近。 使用此代码我没有错误，但仍然无法正常工作 var MhInit = NULL; // Add a script element as a child of the body function downloadJSAtOnload() { var element = document.createElement(“script”); MhInit = element.src = “my_packed_scripts.js”; document.body.appendChild(element); } // Check for browser support of event […]

延迟加载图像进入视口时加载图像

我最近一直在浏览博客/网站，只有在滚动到可见视口时加载图片。 它然后淡入它们。是否有一个jQuery …甚至Wordpress插件可以做到这一点？ 例如http://icodeblog.com

将图像延迟加载绑定到ajax请求后插入的新图像

我正在使用Mika Tuupola的Lazy Load插件http://www.appelsiini.net/projects/lazyload来向下滚动长图库时延迟加载图像。 问题是10张图片后，我使用无限滚动，所以我获取接下来的10张图片，并通过ajax附加它们。 延迟加载不再适用于下一批附加图像。 这是一个相当javascript的图像库，所以对于其他一切（如工具提示，模态叠加等），我一直在使用jQuery的委托（）绑定到插入ajax的元素。 Lazy Load插件的问题是我不确定要绑定到哪个事件 。 所以说我想懒得加载一类“懒惰”的图像。 我会写这个： $(“img.lazy”).lazyload({ effect: “fadeIn” }); 它适用于前10个图像，但在通过ajax插入更多图像后停止工作。 我唯一能想到的是在load事件上使用委托，如下所示： $(document).delegate(“img.lazy”, “load”, function(event) { $(this).lazyload({ effect: “fadeIn” }); }); 但这打破了一切。 谢谢！ 编辑：我用来加载更多记录的jQuery（这是一个Rails应用程序）： $(window).scroll(function() { var url; url = $(“.pagination .next_page”).attr(“href”); if (url && $(window).scrollTop() > $(document).height() – $(window).height() – 50) { $(“.pagination”).html(“loading more images…”); return $.getScript(url); } }); […]

通过延迟图像加速页面加载

我正在创建一个包含大量大图像的页面，所以我自然希望确保页面加载没有太多麻烦。 我在这里阅读这篇文章http://24ways.org/2010/speed-up-your-site-with-delayed-content 推迟的方法如下（从页面中提取，不介意URL） Drew McLellan 然后一段js负责图像加载 $(window).load(function() { $(‘a[data-gravatar-hash]’).prepend(function(index){ var hash = $(this).attr(‘data-gravatar-hash’) return ” }); }); 我不打算为每个图像执行此操作，但对于某些我不需要在页面加载时显示的图像。 这是最好的方法还是有更好的方法通过延迟图像来实现更快的页面加载？ 谢谢

LazyLoad图像直到滚动后才出现

我正在使用jQuery的lazyload插件。 它工作正常，除了一个问题：在滚动之前，图像src不会被换出数据原件。 一旦你滚动，甚至一点点，图像加载 – 但我需要它们在页面准备好时加载。 注意：这纯粹是Chrome / Safari问题。 我在Firefox或Opera，甚至IE9中都没有这个问题。 我试过按照这篇文章的建议： http ： //sumanrs.wordpress.com/2011/02/08/jquery-lazy-loading-images-no-scrolling/其中说明基本的jQuery库具有以下function：没有插件需要延迟加载。 这似乎并非如此，因为图像只是在初始页面加载时加载。 任何见解都非常感谢！

理解jQuery Deferred.pipe（）

我正在尝试为以下场景实现jQuery Deferred.pipe（）方法： 通过$ .ajax（）在DB中添加用户 获取是否正确添加用户的响应。 如果成功添加，则通过$ .ajax（）从服务器获取所有用户列表 通过jQuery模板显示列表 这是我尝试过的东西： var addUserSuccess = function( data ) { if ( data.returnCode !== “success” ) { return $.Deferred().reject(‘Error saving user’); } getUsers(); } var addUser = function() { return $.ajax(url, { type: “POST”, data: { username: ‘test’ }, contentType: “application/json”, dataType: “json” }); } var displayUsers = function( […]

后加载：检查图像是否在浏览器缓存中

简短版本问题：是否有navigator.mozIsLocallyAvailable等效函数适用于所有浏览器，或替代？ 长版:) 嗨，这是我的情况：我想为asp.net MVC实现一个HtmlHelper扩展，可以轻松处理图像后加载（使用jQuery）。 因此，我使用“alt”属性中指定的源渲染具有空图像源的页面。 我在“window.onload”事件之后插入图像源，效果很好。 我做了这样的事情： $(window).bind(‘load’, function() { var plImages = $(“.postLoad”); plImages.each(function() { $(this).attr(“src”, $(this).attr(“alt”)); }); }); 问题是：第一次加载后，缓存后加载的图像。 但是如果页面加载需要10秒钟，则在此10秒后将显示缓存的后载图像。 所以我想在“document.ready”事件中指定图像源，如果图像被缓存以立即显示它们。 我找到了这个函数：navigator.mozIsLocallyAvailable可以检查图像是否在缓存中。 这是我用jquery做的： //specify cached image sources on dom ready $(document).ready(function() { var plImages = $(“.postLoad”); plImages.each(function() { var source = $(this).attr(“alt”) var disponible = navigator.mozIsLocallyAvailable(source, true); if (disponible) $(this).attr(“src”, source); }); }); […]