javascript - 插件初始化后动态加载元素的样式

Question

我是 JavaScript 新手。我有一个在布局（母版页）中加载的脚本。此脚本用于自定义表单字段（自定义表单元素）。此链接到 js 文件。

我在页面上有很多块是通过 ajax 加载的。因此，我的元素有时并没有按照应有的方式设置样式。

我的问题：当插件在主页中加载但稍后通过ajax加载目标元素时，如何处理这种情况？

Answer 1

如果您的样式是通过应用类和 CSS 来应用的，那么它应该适用于 ajax 加载的内容。但如果有应用它们的脚本，则不是这样。

为此，您需要分离出那部分代码，并在每次附加一些内容时在新元素上调用它。

$.ajax({
.
.
.

    success:function(data){
      var newElem = $(data);
      target.append(newElem );

      applyStyles(newElem);
    }

});