本篇文章给大家介绍本人最常用到的jQuery方法之一 $(select).data(key,value) ——这是jQuery提供的数据缓存方法。
1、缓存数据
function createTag(tagId, x, y){
var tag=$('<img class="dingwei-map-tag" id=' + tagId + ' onclick="showinfo(this)"></img>');
tag.css('left', x + 'px');
tag.css('top', y + 'px');
tag.data("left", x); //data中自定义属性left像素缓存
tag.data("top", y); //data中自定义属性top像素缓存
$('#dingweiContent').append(tag);
}
2、使用缓存数据
function adjustTagPos(zoom){
$(".dingwei-map-tag").each(function(){
var tag = $(this);
var x = tag.data("left"); //data中自定义属性left像素缓存
var y = tag.data("top"); //data中自定义属性top像素缓存
tag.css('left', x * zoom / 100 + 'px');
tag.css('top', y * zoom / 100 + 'px');
})
}