Javascript Jquery resizeable仅适用于最近（最后）动态创建的div

所以我有一个小应用程序，我只需单击一个按钮并动态添加一个div

这是我的建议

当您单击文本按钮时，您将看到正在生成一个引导面板。您可以从右侧或左侧调整其大小

但是，一旦再次单击按钮添加另一个面板，则只有刚刚添加的第二个面板可以调整大小，而旧面板将不再可以调整大小。为什么会这样

我希望它们都可以调整大小。我已经尽力保持他们的id的唯一性，这样他们就不会发生冲突或产生任何问题

下面是我为单击按钮编写的javascript代码

        var richTextDiv = 0;
richTextLink.onclick = function (e) {
        e.preventDefault();

        richTextDiv++;

        sortable.innerHTML +='<article id="rich_text_' + richTextDiv + '" class="text">'
        +'<div class="panel panel-info richText_panel **texts** rich_text_panel' + richTextDiv + '">'

        +'  <div class="panel-heading">'

        +'      Rich Text'

        +'  <button type="button" class="close" onclick="removeWidget('+richTextDiv+',\'rich_text_\')" aria-hidden="true">&times;</button>'
        +'  </div>' // bootstrap panel heading end

        +'<div class="panel-body">'

        +'<div class="summernote-'+richTextDiv+'">Hello</div>'

        +'</div>'

              +'</div>'

        +'</article>';

        $( ".texts" ).resizable({ minWidth: 311, handles: 'e, w' });}

sortable只是身体内部的一个div，如上图所示，我附加到它上面，它的创建方式如下：

<div id="content">
<h1 class="title"> Canvas </h1>
<div id="sortable">

此外，文本是我自己的类，我已分配给同一个部门作为小组。我打电话给resizeable to Text。我还尝试将resizeable调用为仅生成的div的唯一id，但这做的是相同的

我想我已经提供了所有的信息，但是如果需要了解这个问题，我也很乐意提供

---

我非常感谢您对此提供的任何帮助，并希望解决这个问题，因为我已经被这个问题困扰了很长一段时间。

我不确定为什么您这样做不起作用，但它使用jQuery.appendTo方法工作。以下是小提琴的链接：

更新，经过一些挖掘，我想我知道为什么它不起作用了。这个stackoverflow答案表明innerHTML将所有现有DOM节点从文档中分离出来。

---

除了这个答案之外，我似乎找不到更多关于为什么会这样的信息：//

不确定为什么不能像您那样工作，但它使用jQuery.appendTo方法工作。以下是小提琴的链接：

更新，经过一些挖掘，我想我知道为什么它不起作用了。这个stackoverflow答案表明innerHTML将所有现有DOM节点从文档中分离出来。

---

不过，除了这个答案，我似乎找不到更多关于原因的信息：//

您的主分区没有关闭。谢谢您的注意。但这不是问题所在。我错过了。我也更新了问题，有人吗？愿意帮我吗？我会非常感激的。谢谢。你能拼一个JSFIDLE吗？给你。我也在问题中加上了。谢谢您的主分区尚未关闭。谢谢您的注意。但这不是问题所在。我错过了。我也更新了问题，有人吗？愿意帮我吗？我会非常感激的。谢谢。你能拼一个JSFIDLE吗？给你。我也在问题中加上了。谢谢令人惊叹的非常感谢你，简工作得很有魅力。问题正是您链接到的内容。使用innerHTML将所有现有DOM节点从文档中分离。伟大的谢谢，太棒了！！非常感谢你，简工作得很有魅力。问题正是您链接到的内容。使用innerHTML将所有现有DOM节点从文档中分离。伟大的谢谢