jquery到纯Javascript以保持图像的垂直节奏

jquery到纯Javascript以保持图像的垂直节奏,javascript,jquery,mobile,mobile-safari,vertical-rhythm,Javascript,Jquery,Mobile,Mobile Safari,Vertical Rhythm,在寻求保持图像垂直节奏的解决方案时,我从Filipe Fortes中找到了以下优秀脚本: 它对我来说非常好,但由于我正在从事一个移动项目,我想知道如何将其转换为纯javascript。要将其转换为标准javascript,您需要做以下几件事: 更改选择器,例如.var images=documents.getElementsByTagName'img' 更改jQuery对象ex.而不是.each,我们使用for循环。以以下为例: for (var i = 0; i < images.len

在寻求保持图像垂直节奏的解决方案时,我从Filipe Fortes中找到了以下优秀脚本:


它对我来说非常好,但由于我正在从事一个移动项目,我想知道如何将其转换为纯javascript。

要将其转换为标准javascript,您需要做以下几件事:

更改选择器,例如.var images=documents.getElementsByTagName'img' 更改jQuery对象ex.而不是.each,我们使用for循环。以以下为例:

for (var i = 0; i < images.length; i += 1) {
  // code here
}

如果你想让我说得更详细,请给我留言。翻译这个函数不会太困难。

为什么?jQuery适用于大多数移动设备。因为我不需要这些库的大部分,所以我想保持简单和快速。一句有趣的话:“仅仅是一些没有框架的纯JavaScript,并尽可能多地使用目标平台的功能,就可以实现一个精简的页面,该页面几乎可以立即加载,缓存良好,离线运行良好。是的,我们本可以使用JavaScript和CSS框架,但有时少就是多,记住,您不需要所有跨浏览器的繁重操作提升框架对你有好处。”Thomas Fuchsure,如果你只针对一个或两个设备和浏览器的组合。但是,如果你针对任何移动设备,你需要做大量的跨浏览器检查,而没有像jQuery这样的库,这比你在桌面网站上做的要多。谢谢!我在翻译$el.outerHeight;以及最重要的$thi时遇到了一些麻烦s、 loadfunction{balanceHeightthis;};每个函数都将其上下文传递给balanceHeight函数。在for循环中,可以将图像[i]传递给该函数。例如,对于var i=0;ifor (var i = 0; i < images.length; i += 1) { // code here }