【问题标题】:Wordpress weird issue link transform to base64Wordpress 奇怪的问题链接转换为 base64
【发布时间】: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


    【解决方案1】:

    好的,这是插件 Rocket Lazy Load 的错。我删除了它,现在它可以工作了。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-08-03
      • 1970-01-01
      相关资源
      最近更新 更多