我在这里找到了一个脚本,它允许基于 url 显示网站图标:andreaslagerkvist
它是一个非常简单的脚本,有一个很好的示例,但是当我复制/粘贴示例时,它似乎不起作用..请看一下这个演示:JsFiddle
我究竟做错了什么?我在脚本中遗漏了什么吗?
我在这里找到了一个脚本,它允许基于 url 显示网站图标:andreaslagerkvist
它是一个非常简单的脚本,有一个很好的示例,但是当我复制/粘贴示例时,它似乎不起作用..请看一下这个演示:JsFiddle
我究竟做错了什么?我在脚本中遗漏了什么吗?
你从来没有调用过插件,你只是定义了它。
插件定义
jQuery.fn.favicons = function (conf) {
var config = jQuery.extend({
insert: 'appendTo',
defaultIco: 'favicon.png'
}, conf);
return this.each(function () {
jQuery('a[href^="http://"]', this).each(function () {
var link = jQuery(this);
var faviconURL = link.attr('href').replace(/^(http:\/\/[^\/]+).*$/, '$1') + '/favicon.ico';
var faviconIMG = jQuery('<img src="' + config.defaultIco + '" alt="" />')[config.insert](link);
var extImg = new Image();
extImg.src = faviconURL;
if (extImg.complete) {
faviconIMG.attr('src', faviconURL);
}
else {
extImg.onload = function () {
faviconIMG.attr('src', faviconURL);
};
}
});
});
};
插件调用
jQuery('#jquery-favicons-example').favicons({insert: 'insertBefore'});
这是一个工作小提琴。