本文实例讲述了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: