`
xiaoyaocao
  • 浏览: 276344 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

用Jquery动态append方式加入标签时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样式

分享到:
评论

相关推荐

    Jquery节点插入、复制和替换方法

    **注意:** 使用这两种方法替换元素时,被替换的元素中的事件处理器将会丢失。如果需要保留这些处理器,需要手动重新绑定。 综上所述,JQuery提供的这些插入、复制和替换的方法为开发者提供了极大的灵活性,使得DOM...

    jquery删除确认提示信息框.zip

    8. CSS样式:为了使确认提示信息框美观且符合用户习惯,可能需要编写或引入自定义CSS样式来调整布局、颜色、字体等视觉效果。 9. 兼容性和性能优化:确保代码在不同浏览器和设备上都能正常工作,以及通过缓存DOM...

    jQuery左右列表添加删除代码.zip

    为了实现这个功能,我们可以使用jQuery的`append()`和`remove()`方法。 1. **添加操作**: 当用户点击“添加”按钮时,我们需要获取选中的左侧列表项,并将其添加到右侧列表。这可以通过`click`事件和`append()`...

    jqueryTable编辑的实现

    在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...

    网页编辑器包含jquery框架

    - **自定义样式**:允许用户应用CSS样式,改变文字颜色、大小、布局等。 - **拖放功能**:方便用户通过拖放操作添加和排列元素。 - **媒体集成**:支持嵌入视频、音频等多媒体内容。 - **版本控制**:保存和恢复编辑...

    jQuery操作手册

    jQuery提供了一组方便的方法来操作CSS样式。`css()`用于获取或设置一个或多个样式属性,`addClass()`, `removeClass()`和`toggleClass()`用于添加、删除和切换类名。 ### 9. jQuery属性操作方法 `attr()`和`...

    实用的jquery效果

    使用CSS类和`.addClass()`, `.removeClass()`, `.toggleClass()`方法,可以实现动态切换主题。jQuery UI则提供了一系列可自定义的组件,如日期选择器、对话框和拖放功能,它们都支持自定义皮肤。 总的来说,“实用...

    jQuery手册【jQueryDocXML2CHM-090223.rar】

    4. **CSS操作**:通过jQuery,可以方便地改变元素的样式,如`$(selector).css('property', 'value')`,或者获取元素的样式值。 5. **动画效果**:jQuery的动画功能非常强大,`fadeIn()`, `slideUp()`, `animate()`...

    jquery导出excel

    `fonts`文件夹可能包含了特殊字体,以确保在导出时不丢失样式。 6. **处理编码**:确保所有的HTML、CSS和JavaScript文件都使用正确的字符编码(通常是UTF-8),以避免乱码。在`index.html`的`&lt;head&gt;`部分添加`...

    jquery实现拖拽到购物车

    EasyUI提供了一系列预定义的CSS样式和组件,可以快速创建出专业级的用户界面。在购物车功能中,我们可能需要用到如对话框(dialog)、按钮(button)等组件。 1. **创建购物车对话框**: 使用EasyUI的`dialog`创建...

    Jquery Ajax 图片上传

    在文件上传期间,我们可以使用CSS或jQuery动画来创建一个加载指示器。在`xhr`配置中添加一个事件监听器,根据上传进度更新加载指示器的状态。 ```javascript xhr: function() { var xhr = new window....

    网页表格冻结示例,jquery实现

    网页表格在展示大量数据时是不可或缺的工具,但随着数据行和列的增多,用户滚动浏览时容易丢失头部和左侧列的信息,导致阅读困难。此时,"表格冻结"功能显得尤为重要,它允许用户在滚动时始终保持某些列或行可见。本...

    JQ仿天猫购物车特效.rar

    例如,使用`$("#id")`选择具有特定ID的元素,使用`$(".class")`选择具有特定类的元素,使用`.append()`向元素添加内容,使用`.remove()`删除元素等。 2. **事件处理**:jQuery简化了事件监听和触发。例如,可以使用...

    xheditor-1.1.14

    方法2:利用xhEditor提供的jQuery插件接口来实现对特定textarea的初始化和传递参数,例: $('#elm1').xheditor(); 或者 $('#elm1').xheditor({tools:'mini'}); 特别说明:两种初始化方法只能选择其中一种使用,如果...

    Simple-ToDO-list:这是一个使用JavaScript和jQuery构建的简单待办事项列表

    在IT领域,JavaScript是一种广泛使用的客户端脚本语言,它在网页上提供动态交互性。jQuery则是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。"Simple-ToDO-list"项目是基于这两种技术...

    bootstrap实现批量上传附件

    使用jQuery的`$.ajax`方法,可以将文件数据发送到后端。需要注意的是,由于文件可能很大,通常会使用`FormData`对象,并设置`processData`和`contentType`为`false`,以便正确处理二进制数据。 ```javascript ...

    WordPress ThickBox 添加“查看原图”效果代码

    这可以通过在`jQuery('#TB_window').append()`方法中加入`TB_OpenNewHTML`来实现,如下所示: ```javascript jQuery('#TB_window').append("&lt;a href='' id='TB_nextImage' title='" + thickboxL10n.next + "'&gt;......

Global site tag (gtag.js) - Google Analytics