有没有办法将坐标保存为跨度的属性
Is there any method to save coordinates as attribute of span?
jQuery(window).load(function() {
jQuery("#form_panel").hide();
$('#addTag').on('click', function(e) { //creates span dynamically
$('#demo').append('<span class="tags" id="' + $('#title').val() + '" data-y="' + 'pos_y' + '" data-x="' + 'pos_x' + '">' + $('#title').val() + ', </span>');
console.log("#addTag'");
console.log(pos_x);
console.log(pos_y);
});
jQuery(".tags").live("mouseover", function() {
// $(this).find(".tagged_box").css("background-color","yellow");
console.log("mouseover");
console.log(this.id);
console.log(pos_y);
console.log(this.data - y); // NaN
//over();
});
})
这是我的代码段,用于控制台.log(this.data-y);它给出了NaN,其余代码工作正常。(pos_x和pos_y是数字)。
如果我理解正确,您想在 span 中保存一些数据。为此,您可以使用html5的数据属性来了解如何执行此操作,请在此处查看此示例。希望有帮助。
jQuery(window).load(function(){
jQuery("#form_panel").hide();
jQuery('#addTag').on('click',function (e) { //creates span dynamically
var append_string = '<span class="tags" id="'+jQuery('#title').val()+'" data-y="'+y_pos+'" data-x="'+x_pos+'">'+jQuery('#title').val()+', </span>'
jQuery('#demo').append(append_string);
});
jQuery(".tags").live("mouseover",function(){
var ids = jQuery(this).attr('id');
var x_cord = jQuery(this).attr('data-x');
var y_cord = jQuery(this).attr('data-y');
console.log("mouseover");console.log(ids);
console.log(x_cord);console.log(y_cord);
jQuery("#overshow").css({top: y_cord, left: x_cord, width:'100px', height:'100px', position:'absolute',border:'3px solid gray'});
jQuery('#overshow').show('fast').delay(1000).hide('slow');
});
});
我在 jQuery(window).load(function(){} 之外声明了两个变量 x_pos 和 y_pos;它们可供 中的所有函数访问。
相关文章:
- 如何获取保存在变量中的HTML代码的任何属性的值
- 将对象属性保存到数组时出现奇怪的重复
- 保存具有相同属性 JavaScript 的元素上的值
- 关于在对象属性中保存 DOM 元素
- 如何从保存在数组某个位置的JSON行访问属性
- 主干:如何保存模型集合中模型的属性更改
- 主干仅在保存中验证单个属性
- 如何访问HTML中的属性值以保存在数据库中单击按钮
- JavaScript 不保存样式属性
- 为什么主干模型在保存时将重复的属性发送到服务器
- 骨干动态保存属性
- 如何在 Ember.js 中保存属性类型为“date”的模型
- 如何使用猫鼬保存嵌套的mongoDB属性
- 离子类型错误:第一次单击保存按钮时无法读取未定义的属性“标题”
- Raphael-保存动画后svg元素的属性
- 如何为两个嵌套属性保存id
- 在条件下将XSL属性保存到JavaScript数组
- 检查对象中哪个属性保存值的最快方法
- 将属性保存到变量并将其附加到DOM元素
- 主干.js未使用更新的属性保存模型