个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我使用 Mootools 库开发了一个 JS 密集型网站，但在路上遇到了障碍。页面上有一个滚动 div，其中包含 500 多个图像，我正在尝试实现延迟加载功能，因此页面不会一次加载所有 500 多个图像。
我找到了David Walsh's lazyload class但它在 webkit 浏览器中不起作用(他说这是因为 WebKit bug #6656 )。
我还发现了this class它似乎有效，但实际上并非如此。它仍然加载页面上的所有图像，但隐藏视口(viewport)之外的图像，并在滚动到 View 中时淡入它们。
似乎有许多 jQuery 延迟加载类工作得非常好(在所有浏览器中)，但我已经开发这个网站几周了，不能真正证明切换是合理的这或使用两个库。
有人知道是否有可以在 webkit 浏览器中使用的 Mootools 延迟加载类吗？如果没有，有什么建议吗？我是否必须同时使用 jQuery 和 Mootools？
这个问题稍微阻碍了开发。
最佳答案
您可以将图像包装在 noscript 标记内。如果您启用了 Javascript，浏览器将不会在其中加载图像。它的好处是对于非 JS 浏览器来说它的性能下降得很好。我在这里更详细地描述:
http://experimentsbykevin.tumblr.com/post/754769738/lazy-image-loading
关于javascript - Mootools 和 Lazyload，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4287472/
26
4
0
我试图在Mootools [1.11版]中匹配多个CSS属性，如以下元素所示: 我想匹配具有type ='radio'和value ='dev'属性的元素。尝试了这个，但这不起作用 $$('inpu
问题:是否有到 mootools 核心及更多库的可靠/永久链接？ 我升级了 mootools 幻灯片并使其可用 online如果有人需要的话。但希望有一个谷歌链接 对于 javascript 库，但没
我正在使用 MooTools 1.12 如何在悬停时将类添加到 a 元素？ 例如 我有这个 Some text Some text Some text Some text anf 当鼠标悬停在链接上时
我继承了一个网站项目，其中大部分脚本都包含 mootools.js(大约 40k)。但是，凭直觉，我还没有看到它在哪里使用，考虑到这个项目的性质，咳咳，我认为它可能根本没有被使用! 今晚我“迫于压力”
我在 Google map 应用程序中使用 Mootools 来做一些事情，例如 bumpboxes 和其他东西。在我添加 Mootools 脚本之前，一切都 100% 正常工作，无论我是在声明我的全
如何使用 Mootools 通过 id 检查元素的存在 最佳答案 html: some content javascript var foo = document.id('foo'); // or $
我正在尝试将大约 200 行 jQuery 代码转换为 MooTools，以避免在现有站点上包含两个库。我只有一行有问题: new Element('span', {text: ' » '
Please select product ... 我尝试使用 Firefox 并且它工作正常 $('selectId').innertHTML = 'Test test' 但在 ie 上，它不
我有 5 个 a 元素需要注入(inject)额外的 span ，而不是创建新元素 5 次我怎么能只做一次呢？我试过了 var holders= $$('.holders'); holders.eac
我有 5 个 a 元素需要注入(inject)额外的 span ，而不是创建新元素 5 次我怎么能只做一次呢？我试过了 var holders= $$('.holders'); holders.eac
有人有在同一页面中使用 Closure js lib 和 Mootools 的经验吗？ 有冲突还是工作正常？ 最佳答案 根据谷歌: The names of all Closure Library f
我试图让 SqueezeBox 弹出窗口在打开页面时自动打开，但我使用的代码打开了弹出窗口，但弹出内容未加载。 我不太熟悉，因此我需要一些帮助来了解我做错了什么 window.addEvent('do
我正在学习 mootools。我有一个以下格式的数组。我想在 for 循环中遍历它，但不知道该怎么做。 {'apple' : { 'prize' : 10 , 'color' : 'Red' } ,
要在我的网站上设置元素的 html，我主要使用 $('elementId').innerHTML = "text"; 浏览 mootools 文档，我发现给出了这个例子: $('myElement')
我这里有一个 Mootools 1.1 类，我想将其在 Mootools 1.3 中运行。onComplete 函数不知何故无法将“数据”结果发送到 processResults 函数。 Ajax 调
我有这个 Mootools 1.11 脚本，它在提交表单后更新 div，表单将数据发送到“form.php”文件并返回类似“表单已发送”的消息。 我想把它转换成 mootools 1.4.1 Moot
我正在从服务器检索一些数据并更新 div 的 html 内容，如下所示: var req = new Request.JSON({ method: 'get', url: 'index
我看到了用 jquery 获取第二类名称的方法，但是如何在 mootools 中做到这一点，我的元素是 我需要匹配完整的类名，例如 li.parent.active 并调整高度(如果我尝试过该类存在
我正在使用 MooTools，但我似乎无法执行以下代码。我期望它将 #bar 元素的宽度增加到 50px，然后 alert() 带有“hi!”，并且然后继续将#bar的宽度增加到200px。不管出于什
我有一个当前正在调用 .hide() 的 Element 对象。相反，我想将整个元素(及其子元素)的不透明度淡出到 100%(隐藏)，作为可能超过 500 毫秒或 1000 毫秒的过渡效果。 Fx.T
我是一名优秀的程序员,十分优秀！