Javascript 动态生成的数据不工作

我有一个链接，当用户单击时，它会将数据附加到一个div中，如下所示：

<a href="javascript:void(0);" onclick="StartMesssage()">
    <span class="font-icon fa fa-pencil"></span>
</a> 

<script>
    function StartMesssage(){ 
        $(".div1").append(
            '<section class="chat-area d2"><div class="chat-area-in"><input type="text" class="form-control spinner" id="to-message"  data-mt-filter-control /> </div></section>'
        ); 
    } 
</script>

---

刷新我的页面，然后它就可以工作了。事件驱动插件通常有一个在页面加载时运行的init方法

---

动态添加内容后，您可能需要再次调用该init方法，否则不会对这些动态添加的元素调用/触发它们的事件。

事件驱动插件通常有一个在页面加载时运行的init方法

---

动态添加内容后，您可能需要再次调用该init方法，否则不会对这些动态添加的元素调用/触发它们的事件。

您必须更新或重新启动插件。@Burimi我找不到任何方法来启动此插件，我怎样才能做到这一点？我也添加了插件，现在它也在以任何其他方式工作？你必须更新或重新启动插件。@Burimi我找不到任何方式来启动这个插件，我怎样才能做到这一点？我也添加了插件，现在它也在以任何其他方式工作？

<section class="chat-area d2">
    <div class="chat-area-in">
        <input type="text" class="form-control spinner" id="to-message"  data-mt-filter-control />
    </div>
</section>