Question

我有链接，当用户点击时，它会将数据附加到这样的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>

现在我面临的问题是data-mt-filter-control是一个jQuery插件，当我动态获取HTML标签时它不起作用但是如果我将这些标签添加到我的HTML中

<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>

并刷新我的页面，然后就可以了

Answer 1

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

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

动态生成的数据不起作用

1 个答案: