2 yanqiaoli yanqiaoli 于 2016.04.05 15:35 提问

jQuery append 添加标签后丢失css样式

在后台动态生成了一串html代码,代码中包括了几个div和几个table,其中div用了easyui-panel的样式,然后用jQuery的append方法动态加载到jsp的某个div标签上,发现加上的标签没有展示成easyui-panel的样式,如果直接把拼接好的html代码粘贴到jsp中就没有问题,请问这个问题要如何解决?

1个回答

showbo
showbo   Ds   Rxr 2016.04.05 15:37
已采纳

用api初始化,动态添加的除非在dom ready前添加,放到$(function(){..})里面添加初始化的代码已经执行过了,所以不会生成easyui的组件

 $('#xxxx').append('html代码').find('div.easyui-panel').panel()
yanqiaoli
yanqiaoli 非常感谢!
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
用Jquery动态append方式加入标签时 css样式丢失的解决方法
在用到原生javascript 或 jquery 加入标签时 有时会因为某些原因 比如css内容过多的时候 这种情况下新加入标签的css样式会丢失 在进行了一些摸索后找到了解决方案: 一般在Jquery中会用下面的方式来添加新标签:       var obj = "                 复选框 ";  //按个人要求拼接标签 $("#所在标签id")
用Jquery动态append方式加入标签时Css样式丢失的解决方法
这两天做一个文本编辑器,会动态用append方式添加html,遇到了css失效问题,后来网上翻了翻资料,找到如下解决方式: $("#所在标签id").append(obj);  // 用append 方式添加拼接的标签 $("#所在标签id").listview("refresh");   //在使用'ul'标签时才使用,作用:刷新列表 $("#所在标签id").trigger(
jquery append元素后解决样式失效问题
Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法  可以使用$.parser.parse();这个方法进行处理; 例如: $.parser.parse(); 表示对整个页面重新渲染,渲染完就可以看到easyui原来的样式了; var targetObj = $("<input name='mydate' class='easyui-datebo
关于js动态添加的时候样式失效的问题
由于项目要搬家,某些地方还是一样的,但是UI用的不一样,在做动态添加的时候遇到一个问题,累加的时候明明代码都是一样一样的啊!怎么后面加出来的没有样式了哩,折腾了一下午,发现原来就是一个小问题。 所以进行以下说明来记录一下: 图1:以前的版本用的是bootstrap 图2:遇到问题的界面: 遇到这样的问题当时就一脸懵逼了。。。 代码先贴一部分,不会动态添加的可以在这里找:
jquery动态添加列表后样式失效解决方式
最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法。代码如下。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE> <html> <head> <meta http-eq
jquery中动态添加listview内容后样式丢失
以前的处理方法是将整个ul所在的元素添加一个.trigger("create") 不过这是网上看来的方法,至今也不知道什么意思 现在才知道 官方文档就有解决方法 $("ul").listview("refresh");
JqueryMobile 动态添加元素css丢失的终极解决办法
JqueryMobile使用心得(4)动态添加元素css丢失的终极解决办法 2011-01-11 15:29       在Jquerymoblie的使用过程中,动态添加元素后css丢失。       这个问题在之前JqueryMobile使用心得(3)中我已经说明了其原因(因为页面标签首先经过jquery.mobile-1.0a2.min.js的处理,添加了许多标签
jquery 解决使用append添加元素后监听事件消失的问题
假设想要在id为target的div中append一个元素 原监听事件格式为:$(".textBox").mouseover(function() {});修改为:$("#target").on("mouseover", ".textBox", function() {});
在写ajax异步处理的时候可能丢失样式的几个坑
前端时间给别人布置一些任务,要求实现通过远程调用接口API来通过AJAX的方式跨域访问到前端页面展现。很多人数据抓取到后却发现通过JS实现取结果有时候拿不到纯过来的样式内容。这边简单说明一下可能会出现的问题原因: 1)AJAX异步,尤其是$(function(){});写法是页面直接加载了,当我们在有其他第三方插件,如时间轴效果的时候,由于你是请求过来的结果,所以在实现拿到JSON数据插入到页面
jquery使用append方法添加子元素导致页面刷新的问题
今天帮同事分析一个页面问题:jquery通过append动态添加标签的时候,导致整个页面全部被刷新,最后的结果就是页面上没有看到新增的标签(通过debug模式,发现是新增成功了,只是页面刷新之后就没有了)。。代码如下: ... ... 新增 ... ... $(function () { $("#btn").cl