Question

jQuery图片标注效果，点击事件触发一次添加一个标注并把前面的标注清除了

搜索简单的jQuery图片标注效果可以找到例子：
$(document).ready(function(){
$('.pin').easypinShow({
data: '{"demo_image_1":{"0":{"name":"商品名称","description":"商品描述信息. ","price":"$67","coords":{"lat":"800","long":"228"}},canvas":{"src":"fashion.jpg","width":"1000","height":"625"}}}',
responsive: false,
variables: {
firstname: function(canvas_id, pin_id, data) {
//console.log(canvas_id, pin_id, data);
return data;
},
surname: function(canvas_id, pin_id, data) {
//console.log(canvas_id, pin_id, data);
return data;
}
},
popover: {
show: false,
animate: true
},
each: function(index, data) {
return data;
},
error: function(e) {
console.log(e);
},
success: function() {
console.log('ok');
}
});
});
这个例子我想自己写个事件用$('.pin').easypinShow，再添加一个图片标注，并把前面的标注清除掉

Answer 1

这段代码没什么用，没有完成你想要的任何效果。
核心封装在easypinShow这个方法，传入的是一个对象，这个对象只是些参数。
“再添加一个图片标注，并把前面的标注清除掉”其实很简单做到，但是修改的是easypinShow这个方法的代码，除非你把easypinShow这个方法的代码放出来。
你这个应该是在网上找别人的插件直接套进去使用，你这些代码其实只是Dome。