在'鼠标悬停功能上，jquery的内部和外部之间的对象变得不同

Question

对我来说这是一个有线问题。

这样的事情：

//original draw 

//draw={
//  'color':'#fff'
//}

//some svg update, add new <li> html tag, and get new draw object

//draw={
//  'color':'#f00'
//}

console.log(draw); //color=#f00
console.log('--------------------------------');    
$('#list li').on('mouseover', 'li', function(e) {
    console.log(draw);//color=#fff
});

我使用jquery将新的LI标签附加到UL，而“draw”的东西是存储svg路径数据的对象。我使用“live”来处理带有新标签的悬停事件，但它已被弃用，所以我在mouseover上使用它来替换它。在jquery事件中，事情看起来很好。但是当我在鼠标悬停功能中获取svg数据时，发生了一些事情，“绘制”对象似乎是旧的，而不是新的。

但是当我在外面打印时，“绘图”对象看起来很正常。

有人帮我解决这个问题吗？非常感谢！

更新：抱歉错误的语法和错误的英语单词。

Answer 1

https://api.jquery.com/on/

.on( events [, selector ] [, data ], handler(eventObject) )

on方法的选择器（第二个参数）应该是一个字符串。