javascript - 从 jquery 对话框恢复原始数据，脚本不起作用

Question

我正在 jQuery 中创建一个对话框，并使用以下建议清除点击取消按钮时的数据。

// store the old content
var myOldContent = $("#cancelbutton").html();

// change content
$("#cancelbutton").html(someNewContent);

// and change it back
$("#cancelbutton").html(myOldContent);

问题是这种方法会清除数据，但我使用的两个输入在清除信息后不起作用。

我有一个日历输入（调用外部 .js）和一个 colorPicker，也在外部 .js 中初始化。

如何在不丢失这两个组件功能的情况下清除数据？

Answer 1

不要.html()只使用 html 本身而不是具有事件侦听器和数据的实际 DOM 对象。

我的建议是做这样的事情，尽管根据你的布局可以有很多不同的方式：

// store the old content
var myOldContent = $("#cancelbutton").clone(true);  // 'true' so events are copied

// change content
$("#cancelbutton").html(someNewContent);

// bind new events for the newContent here

// and change it back
$("#cancelbutton").replaceWith(myOldContent);