javascript - 从 url 中提取 img - 脚本在 jsfiddle 中有效，但在我的网站上无效，有人能找出原因吗？

Question

免责声明:当他们开始使用 javascript 时，我是关于绿色的:

所以无论如何，经过多次试验和错误，并且可能会破坏这段代码，我终于设法在我的论坛上启用媒体自动嵌入。我正在使用 oembed，然后是用于图像和附件的脚本。但是有一个问题:

http://jsfiddle.net/khb8g6e3/

这个适用于 jsfiddle，但不适用于我的网站(使用相同的源代码)这是来源(信誉点数不够发链接，我会尽量补上)。

我的第一次尝试是这样的:

http://jsfiddle.net/edhg1zu0/

$(document).ready(function () {
var href = $('a.postlink.img-link').get(0).href;
$('a.postlink.img-link').html($('<img>').attr('src', href));
$('a.postlink.img-link').colorbox({
        scalePhotos:'true',
        maxHeight:'99%',
        maxWidth:'99%',
        opacity:'0.75',
        fixed:true,
        photo:true
    });

})

这行得通，但一遍又一遍地只显示一张图片。

如果有人能告诉我我做错了什么，我会对这两种代码都很满意(以最容易修复的为准)。

Answer 1

为了让它正常工作，我必须删除 colorbox 代码，因为它会抛出 js 错误。

试试这个:

$(document).ready(function () {
  $('a.postlink.img-link').each(function() {
    var href = $(this).attr('href');
    $(this).append('<img src="'+href+'">');   
  }) 
})

你可以在这里看到它的功能:http://jsfiddle.net/edhg1zu0/1/