对插件初始化后动态加载的元素进行样式设置

styling dynamically loaded elements after plugin initialization

本文关键字:元素 样式 设置 加载 插件 初始化 动态      更新时间:2023-09-26

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

我在页面上有许多块是通过ajax加载的。因此,我的元素有时并没有按照预期的方式进行风格化

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

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

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

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