当前位置: 首页 > 编程笔记 >

Jquery动态替换div内容及动态展示的方法

齐乐
2023-03-14
本文向大家介绍Jquery动态替换div内容及动态展示的方法,包括了Jquery动态替换div内容及动态展示的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了Jquery动态替换div内容及动态展示的方法。分享给大家供大家参考。具体分析如下:

一、问题:

项目中需要在后台拼接html然后在前台通过ajax展示到div中:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

       //这里可以正确的展示html内容

          alert(json.htmlContent);

          $("#htmlContent").text(json.htmlContent);

       bind(json);

});

展示后发现,div中直接展示了html字符串内容,并没有解析其中的html,经过资料查询
jquery div的.text 是以文本形式添加内容的,展示的是具体的文本....
如果要想动态添加可解析的 html内容,需要使用 jquer div的 a.ppend 方法

二、正确的处理方法:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){

          //这里可以正确的展示html内容

          alert(json.htmlContent);

          var htmlContent = $("#htmlContent");

          htmlContent.append(json.htmlContent); 

       bind(json);

});

三、总结:

div .append  方法// 添加Html内容,动态解析
div Text:显示加载的文本内容,不解析

希望本文所述对大家的jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JQuery DIV 动态隐藏和显示的方法,包括了JQuery DIV 动态隐藏和显示的方法的使用技巧和注意事项,需要的朋友参考一下 1. 如果在载入是隐藏: 2. 动态隐藏和显示: 以上代码之前,可能还要加上这句话: 使用jquery真的很方便,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。 $("#id").toggle()切换元素的可见状态。如果元素是可见的,

  • 问题内容: 我需要创建一个页面,该页面将使用Jquery和AJAX从外部页面加载div。 我遇到了一些很好的教程,但是它们都是基于静态内容的,我的链接和内容是由PHP生成的。 我基于我的代码的主要教程来自:http: //yensdesign.com/2008/12/how-to-load-content-via-ajax-in- jquery/ 我需要的确切功能如下: 主页包含一个永久div,其

  • 本文向大家介绍Bootstrap模态对话框中显示动态内容的方法,包括了Bootstrap模态对话框中显示动态内容的方法的使用技巧和注意事项,需要的朋友参考一下 首先引入bootstrap的js和css,在引入对应版本的jquery; 添加按钮,点击弹出模态窗体: 创建模态对话框: 注意:如果发现二级窗体打开一次后再打开失败,请看看href引用的界面中,是否在header中引入了css或js,这里不

  • 本文向大家介绍JS把内容动态插入到DIV的实现方法,包括了JS把内容动态插入到DIV的实现方法的使用技巧和注意事项,需要的朋友参考一下 example.js 文件内容: 另一段代码: 这与在DIV内动态载入另一个页面非常相似! 以上这篇JS把内容动态插入到DIV的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js动态创建及移除div的方法,包括了js动态创建及移除div的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js动态创建及移除div的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 问题内容: 我对jQuery一无所知,但想实现一些非常重要的事情。 我想要一个按钮/链接来替换div内容,如果再次按下该按钮,它将把原始内容放回原处。 问题答案: 这是一种方法: HTML: jQuery: