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

Question

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

我可以使用new Image()然后等待它加载然后附加它等等。

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

如果有更好的方法请分享:)

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

请不要建议

$('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



})