用Jquery动态append方式加入标签时Css样式丢失的解决方法

最新推荐文章于 2023-01-08 18:23:29 发布
最新推荐文章于 2023-01-08 18:23:29 发布
阅读量3.2k 收藏 1
点赞数 2
分类专栏： 样式丢失 文章标签： jquery css
一般在Jquery中会用下面的方式来添加新标签：
var obj = "<fieldset data-role='controlgroup' data-type='vertical' data-role='fieldcontain'>
<input id='menu0" type='checkbox'/><label for='menu0'> 复选框 </label> </fieldset>"; //按个人要求拼接标签
$("#所在标签id").append(obj); // 用append 方式添加拼接的标签
$("#所在标签id")..listview("refresh"); //在使用'ul'标签时才使用，作用:刷新列表
$("#所在标签id").trigger("create"); //重点：这名的意思是重新加载所在标签的样式。非常有用的一句话，不加这一句你动态append的标签将丢失Css样式
pmlptf
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
关于jquery append() html时的小问题的解决方法
12-02
还是先来看一下现象： 代码如下: $(“.main”).append(“haha”); $(“.main”).append(“xixi”); alert($(“.main”).html()); 结果：hahaxixi 一切正常 改一下 代码如下: $(“.main”).append(“<div xss=removed><span>这是span”); $(“.main”).append(“</span></div>”); alert($(“.main”).html()); 结果：<DIV style=”WIDTH:300px;HEIG
jquery append 动态添加的元素事件on 不起作用的解决方案
12-11
用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器（如例.info),再找到动态添加的选择器（如列.delete)。 具体不多说了，请看下面的代码吧。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=U
解决jQuery使用append添加的元素事件无效的问题
12-12
jquery api官方的例子在新增的元素上添加事件 $[removed]("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this).removeClass('cur'); } }); on() 方法在被选元素及子元素上添加一个或多个事件处理程序。 自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。 注意：使用 on() 方法添加的事件处理程序适用于
jQuery动态加载css文件实现方法
11-24
有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件，如在切换页面布局时。思路是创建一个 link 元素，并将它添加到 标记中即可，下边首先看看怎么使用 jQuery 来实现。 下边是我喜欢的写法： $("<link>") .attr({ rel: "stylesheet", type: "text/css", href: "site.css" }) .appendTo("head"); 有些朋友可能会使用下边的写法，只是形式有些小差异(append appendTo)，原理还是一样的。 $("head").append("<link>"); css = $("head"
用Jquery动态append方式加入标签时（或者使用字符串拼接）Css样式丢失的解决方法...
11-19 1624
$("#所在标签id").append(obj); // 用append 方式添加拼接的标签 $("#所在标签id").listview("refresh"); //在使用'ul'标签时才使用，作用:刷新列表 $("#所在标签id").trigger("create"); //重新加载所在标签的样式。不加这一句动态append的标签将丢失Css样式 $.a...
jquery append select 不显示_放弃jQuery拥抱大自然
weixin_36118049的博客
12-26 649
大家都喜欢轻量级的jQuery，它便捷，它优雅，它功能强大——写的少，做的多。好，今天我们进入更优雅的环境——不用jQuery。为什么更优雅，因为原生，因为不需要<script src...>，因为更随时随地，因为性能更好……我们就先不考虑跨浏览器吧，后面这些代码适用于绝大多数浏览器。如果你看完这篇文章还不能拥抱大自然，那就当作是jQuery解密吧！阅读本文章需要有点H5基础，比如你能...
layui中select中的append不显示
阅读之后，对你有帮助，那就点个赞再走吧
04-10 1392
只需要在append结束后，layui.form.render('select')就可以啦
live()解决Jquery采用append添加的元素事件无效的
dcyly2004的专栏
07-16 351
问题是这样的，我用 append 方法添加了一段html代码，代码里有一个删除链接，可是事实证明用 append 方法添加进去的html代码对jqurey的 click 事件没有任何反映。 最后经查找，找到了解决办法，很简单： 这是原来我写的没法执行的 click 方法：  // $("#page_p_s_addcontent .item-delete").click(funct
解决使用jQuery采用append添加的元素事件无效的方法
amsnivrb74406的博客
01-09 905
当我们使用jQuery动态加载html元素，但是元素上面又绑定了Click等事件，针对新添加的元素这些事件是无效的，那么应该怎样解决呢？ live方法 live( type, fn ) jQuery 1.3中新增的方法。给所有当前以及将来会匹配的元素绑定一个事件处理函数（比如click事件）。也能绑定自定义事件。 目前支持 click, dblclick, mousedo...
JQuery 添加动态元素JS或CSS无效
yanghq0915的博客
01-08 1715
JQuery 添加动态元素JS或CSS无效,以及一些容易错误的地方的纠错以及解决办法
用Jquery动态append方式加入内容时css样式丢失的解决方法
weixin_34390996的博客
11-10 776
为什么80%的码农都做不了架构师？>>> ...
解决jQuery使用append添加的元素事件无效的方法
逸尘的专栏
03-17 3万+
jquery api官方的例子在新增的元素上添加事件 $(document).on("click",'#lyysb a',function(){ if(!$(this).hasClass('cur')){ $(this).addClass('cur'); } else { $(this).removeClass('cur'); } });on() 方法在被选元素及子元素上
jq遇到.html缺失bootstrap的css样式
滴水穿石
08-19 500
<div style="clear:both"> <div id="grid"> <table id="myTable" style="width: 100%;"> </table> </div> </div> //$("#myTa...
js append追加html代码标签后 css样式没生效 js同时没有生效 已解决
热门推荐
z1712636234的博客
10-19 4万+
html代码 添加input css代码 .box{ width: 500px; height: 300px; border-radius:8px; border:1px solid #f0f; margin-bottom: 20px; padding: 5%; } .box input{ border:0px; background: skyblu
js append追加html后动态添加css样式
最新发布
05-27
在使用JavaScript的append方法追加HTML后，可以通过以下两种方法动态添加CSS样式： 1. 使用JavaScript创建style元素，并将CSS样式添加到其中，再将style元素追加到head元素中。 示例代码： ```javascript var css = ".dynamic-class {color: red;}"; var style = document.createElement("style"); style.type = "text/css"; if (style.styleSheet) { style.styleSheet.cssText = css; } else { style.appendChild(document.createTextNode(css)); } document.getElementsByTagName("head")[0].appendChild(style); ``` 2. 直接使用JavaScript设置元素的style属性，来修改元素的样式。 示例代码： ```javascript var div = document.createElement("div"); div.innerHTML = "Hello World"; div.style.color = "red"; document.body.appendChild(div); ``` 以上两种方法都可以实现动态添加CSS样式的效果，具体选择哪种方法，可以根据实际情况来决定。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值