如果在 DOM 加载后插入，filepicker.io 小部件将不起作用

Question

我刚刚与 filepicker.io 集成，我正在使用他们提供的第一个带有拖放小部件的示例。

<input type="filepicker-dragdrop"/>

如果页面加载时已存在于 html 中，则自定义输入会正确转换。但是，如果您稍后动态地将一个添加到页面，您得到的只是一个没有特色的默认输入:

// Inserts generic featureless text input
$('#some_div').html('<input type="filepicker-dragdrop"/>');

有没有办法强制 filepicker 重新处理 DOM 并转换新插入的小部件？

Answer 1

当 dom 元素被创建并插入到 DOM 中时，您需要调用 constructWidget。参见 https://developers.filepicker.io/docs/web/#widgets-programming