为每个图像使用Jquery异步图像加载器(JAIL)并将data-src属性作为触发器是否合理?

时间:2013-04-18 18:26:46

标签: javascript jquery jquery-plugins

我最近一直在研究一些使用JAIL(https://github.com/sebarmeli/JAIL)的遗留Web应用程序代码。在每个“img”标签上使用JAIL是否安全/合理,而不是使用额外的类/ ID来限制JAIL到特定图像的范围?

例如,建议这样做(我们当前的代码所做的):

$('img').jail();

然后期望JAIL只对实际具有“data-src”属性的图像启用? (我们90%的图像都没有data-src,我们的期望是JAIL只处理data-src图像。这似乎在大多数情况下都有效,但是有一些错误可能与此有关将JAIL升级到1.0.0后,看起来开销有点疯狂 - JAIL必须检查每个图像?)。

我们是否应该使用像文档和示例似乎提倡的img.lazy方法(我说似乎因为它们显示了这一点,但是没有特别推荐另一个)?

 <script>
   $(function() {
     $('img.lazy').jail();
   });
 </script>

我还不确定升级后我看到的错误是否与JAIL本身或我们网站上的其他内容有关(有很多事情发生,很多是动态的,我不是JavaScript大师,所以现在调试是非常重要的)。 (我看到的错误就像早期版本的JAIL上报告的错误,因此尝试从0.9.5升级到1.0.0:https://github.com/sebarmeli/JAIL/issues/22。)

另外,我担心即使我们的问题与我们当前的JAIL设置(其他内容)无关,它可能仍然很慢/昂贵,因为我们要求JAIL检查每个图像?

非常感谢任何(合理;))建议。

1 个答案:

答案 0 :(得分:1)

如果插件作用于data-src属性,则将其作为目标。

$("img[data-src]").jail();