我正在尝试实现拖放功能。在左侧窗格中，我将使用可以被视为图像的图块。在右侧窗格我会有iframe。我想从左窗格中拖动图块，然后将它们拖放到右窗格中的iframe上。唯一的问题是我想将每个图像/图块与网页（在同一个域中）相关联，这样在删除时，关联的网页会在iframe中填充。
有关jquery拖放如何工作以及HTML 5拖放如何工作的大量文档。但我无法弄清楚的是如何将图像映射到可以在drop事件中填充的网页。
我能想到的一件事是存储图像及其相应网页的相同名称。那就是如果我有一个图像xyz.jpg，我会将其相应的网页命名为xyz.html。所以在掉落事件发生时，我会从“xyz.jpg”中删除“xyz”并将“.html”附加到它上面。所以结果是xyz.html，我将使用jquery放入iframe的“src”字段。
这是一个很好的解决问题的方法，还是有更好的方法来实现这一点，所以我没有限制为图像和网页设置相同的名称？非常感谢有关此方面的任何帮助。
答案 0 :(得分：1)
只需使用数据标签。例如：
<img src="blah.jpg" data-url="http://google.com/" />
然后（假设是jquery），您可以这样访问它们：
$(image).attr('data-url');
或
$(image).data('url');
jsFiddle：http://jsfiddle.net/jQKV4/