我有不同数量的div不断在页面上移动,我最终需要在div移动时在div之间绘制线条。为了解决这个问题,我试图将每个div的当前位置存储在他们自己的对象中。这将(希望)允许我检索位置值并将它们放入此插件(https://github.com/tbem/jquery.line)。
我能够存储我需要的数据,然后返回整个对象,但是当我尝试返回特定值时,我收到此错误:未捕获TypeError:无法读取属性' x&#39 ;未定义的。
这是我尝试使用的代码的相关部分:http://pastebin.com/ra3WTATZ。代码是.animate()函数的一部分,整个代码很长。如果您需要了解更多信息,请告诉我们。
问题似乎围绕着我使用动态'获得div ID。如果我使用下面的代码,它可以正常工作。
$('div').data( 'test', { x: xCenter, y: yCenter } );
console.log($('div').data( 'test' ).x)
为了做我想做的事,我相信我需要将数据存储在每个特定的div上,这样我就可以根据需要调用特定的数据。我需要绘制的线按顺序(不是随机)通过div。
我是这类新手的新手,所以也许有更好的方法去做。我试图自己做,所以我学习,但如果我走向完全错误的方向,我会接受建议。
感谢您的帮助!
修改 尽管下面的评论,我没有弄清楚这个问题。我的脚本被调用的顺序只解决了第一个div的问题。
以下是我的整个脚本文件:http://pastebin.com/tghSDPQT
我用来存储数据的代码从第75行开始。