$(“div”).addClass(“hr-share-16”);
var title = document.title;
var url = window.location.href;
function eFunction(str){
return function(){
window.open(formatmodel(shareico[str],{title:title, url:url}));
}
}
for(si in shareico){
$(“.hr-share-“+si).die(‘click’).live(‘click’,eFunction(si)).attr(“title”,”分享到”+shareiconame[si]);
}
这里，我首先给最外面那个div容器添加了一个class样式，就是我上面说到的那个，执行到这句代码后，你会发现页面上按钮的样式都出来了。
接着，我分别通过document.title和window.location.href获取到了当前页面的标题和链接。然后是一个叫eFunction的方法，这个跳过下，等会说。
下面是一个for循环，这里就是实现了循环绑定点击事件的效果。这里需要注意两点：一，因为我是写成插件，所以页面上可能不止一处用到分享按钮，为了防止重复事件绑定，所以我在绑定每个事件前都用die去解除绑定；二，我用的是live，而不是bind，因为我担心可能有的项目里的分享插件是通过ajax在页面载入完毕之后再载入进来的，所以我绑定就直接用live绑定了。
再说下那个eFunction的问题，肯定有人会问为什么不把eFunction里的内容直接写在live的click事件里。其实我最开始也是这么做的，但不这么做的原因很简单，我无法把自定义的参数传进去。至于为什么，我问了下一些JS高人，是个闭包的问题，这个东西我不是很清楚，总之就是找了这么一个办法来解决了。如果有人能给我具体讲解下闭包的问题，我非常感谢。
在绑定事件里还有一个formatmodel方法，这个是替换用的，也就是我上面说的，用正则去替换掉{title}和{url}，这个function大家可以参考学习下，能用在很多地方：
function formatmodel(str,model){
for(var k in model){
var re = new RegExp(“{“+k+”}”,”g”);
str = str.replace(re,model[k]);
}
return str;
}
做到这一步，就已经全部OK了。有人会问那个“更多”按钮的怎么没说，其实那个和js没有太大联系了，只是html+css的展示效果而已，事件绑定还是上面那段核心代码，如果有兴趣，可以下载我整个插件源码进行查看，插件免费开源使用，可以随意修改，但请保留作者和联系方式。
完整插件查看地址：点击进入
