获取并存储所有属性和值，然后将它们重新应用回相同的元素

Question

我正在开发一个插件，为了跨浏览器工作，需要在其附加的图像已经加载后运行。

我可以使用新图片（），然后等待加载，然后将其附加等。

但这意味着重新设置所有属性，这似乎不可行，因为某些插件选项可以存储在数据属性上，这使得很难跟踪所有这些属性。< / p>

如果有更好的方法请分享：）

我基本上只需要在附加的图像加载后实例化我的插件：）

请不要建议

$('img').load(function(){//do something});

因为它不能始终如一地工作。 ：）

干杯。

Answer 1

你可以在$（window）.load（）而不是$（document）.ready（）上初始化你的插件，它会在页面上的所有内容都加载后运行插件。

像这样：

$(window).load(function(){
    // Initialize Plugin
});

唯一需要注意的是，只有当插件使用的所有图像都已经存在于DOM中时，这才有效。

我希望这有帮助！

Answer 2

如果你试图在浏览器或会话之间保存状态，我认为现在使用javascript是不可能的;然而，它很快就会到来。

我可能错了，但我相信您必须打包并将数据打包到本地存储中。

尝试使用localStorage.setItem（'key'，'value'）;

你能准备好文件吗？

将您的插件包装在文档中，为jQuery做好准备。

$(function () {

            //wrapp plugin



})