【发布时间】:2016-11-06 14:05:09
【问题描述】:
我对一段代码有疑问。
if (jQuery("article img").length) {
console.log(jQuery("article img"));
jQuery("article img").wrap("<a id='single_image' href="+jQuery("article img")[0]["src"]+" alt='image article'></a>");
jQuery("a#single_image").fancybox({
fitToView: false,
maxWidth: "80%"
});
}
好吧,我的页面上有一张图片,我希望当我点击这张图片时,会出现一个窗口并缩放这张图片以提高可读性,所以我使用了 fancybox。
有时会出现问题。当我打开控制台并搜索 jQuery("article img")[0] 我有这个代码:
<img class="alignnone size-full wp-image-3161" src="http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA.jpg" alt="2015_Remise-diplomes-AFPA" width="2048" height="1183" srcset="http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA.jpg 2048w, http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA-300x173.jpg 300w, http://foyerdecluny.org/wp-content/uploads/2016/06/2015_Remise-diplomes-AFPA-1024x592.jpg 1024w" sizes="(max-width: 2048px) 100vw, 2048px">
所以你可以看到 src 是完全正常的。
但这里是魔法。如果我创建一个console.log(jQuery("article img")[0]["src"]),则值为:data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==,并且不再有与 http 的链接...
所以我真的不明白这里发生了什么......
【问题讨论】:
标签: jquery html wordpress image base64