预定义一个样式,以便返回的内容能直接套用比如,我们希望返回的表格不会太过分,把页面给顶开了。。。最后直接在容" />
当前位置:首页 > 日记 > 正文

给Ajax返回的HTML标签动态添加样式的方法

给Ajax返回的HTML标签动态添加样式的方法

今天在做项目时,在页面中用ajax返回了另一个页面,突然发现返回页面中的表格把页面给顶了出去,经过一番研究,终于解决了。

先准备好要返回内容的容器

 <div class="container"> </div>

预定义一个样式,以便返回的内容能直接套用

比如,我们希望返回的表格不会太过分,把页面给顶开了。。。

<style> .container table{ width:100%; }</style>

最后直接在容器中用ajax返回内容

$(function(){ $('a').click(function(){ $.get('get.html',function(data){ $('.container').html(data); }); }); });

没了,以上所述是小编给大家介绍的给Ajax返回的HTML标签动态添加样式的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

相关文章

Word2013怎样对表格更换样式颜色

Word2013怎样对表格更换样式颜色

样式,表格,颜色,电脑软件,  Word2013表格初始默认的样式看起来感觉没什么特色,如果想为了提高表格的质量,我们可以更换样式颜色。以下是小编为您带来的关于Word2013表格更换样式颜色,希望对您有所帮助。Word2013表格更换样式颜色具体做法:1、…

thinkPHP框架中执行原生SQL语句的

thinkPHP框架中执行原生SQL语句的

框架,执行,语句,原生,方法,本文实例讲述了thinkPHP框架中执行原生SQL语句的方法。分享给大家供大家参考,具体如下:怎样在thinkphp里面执行原生的sql语句?$Model = new Model();//或者 $Model = D(); 或者 $Model = M();$sql = "select * from…

JS实现小球的弹性碰撞效果

JS实现小球的弹性碰撞效果

弹性碰撞,小球,效果,电脑软件,JS,一、HTML代码(body部分) <body> <!--只需要做一个大div包裹几个小div即可,你想要几个小球碰撞就在内部做几个div即可,这里我们做了6个小球--> <div id="main"> <div></div> <div></div> <di…

.NET附件上传大小限制控制

.NET附件上传大小限制控制

控制,上传,附件,大小,电脑软件,今天在公司的服务器上搭建了一个Dvbbs.Net 1.1,协助管理公司一些办公文件,由于要上传的文件大小部分较大(超过几十兆),所以今天的大部分时间是研究怎么破除上传的限制问题。知道23点以后才基本上解决。现将问题处…

PHP实现在对象之外访问其私有属性p

PHP实现在对象之外访问其私有属性p

私有属性,对象,属性,方法,问其,本文实例讲述了PHP实现在对象之外访问其私有属性private及保护属性protected的方法。分享给大家供大家参考,具体如下:public 表示全局的访问权限,类内部外部子类都可以访问;private表示私有的访问权限,只有本类内…

NodeJS创建最简单的HTTP服务器

NodeJS创建最简单的HTTP服务器

服务器,最简单,电脑软件,NodeJS,HTTP,☆ 引子var http = require('http');http.createServer(function(request, response){ response.writeHead(200, { 'Content-Type': 'text-plain' }); response.end('Hello World\n');}).li…

jQuery实现html table行Tr的复制、

jQuery实现html table行Tr的复制、

计算,删除,功能,电脑软件,html,本文实例讲述了jQuery实现html table行Tr的复制、删除、计算功能。分享给大家供大家参考,具体如下:添加行:function addtr(){ var tr = $("#tb tr").eq(0).clone(); tr.appendTo("#tb"); //tr.insertB…

vue2.0 自定义日期时间过滤器

vue2.0 自定义日期时间过滤器

自定义,过滤器,日期时间,电脑软件,方法一:// template{{a | data}}//scriptdata:{ a: Date.now()}filters: { data:function (input) { var d = new Date(input); var year = d.getFullYear(); var month = d.getMonth() + 1; …

Bootstrap学习笔记之进度条、媒体

Bootstrap学习笔记之进度条、媒体

进度条,对象,媒体,详解,学习笔记,1.基础进度条要写在<div class="progress"></div>里面。<div class="col-md-6"> <div class="progress"> <div class="progress-bar" style="width:30%;"></div> </div></div>2.多彩进度条<div c…

微信小程序实现选项卡功能

微信小程序实现选项卡功能

选项卡,功能,程序,电脑软件,微信小,本文实例为大家分享了微信小程序选项卡功能展示的具体代码,供大家参考,具体内容如下首先看看微信小程序上的选项卡的效果:原理呢,就是先布局好(这就不必说了吧),然后在上面的每一个选项卡上都定义一个同样的点击…

Vue中使用vux的配置详解

Vue中使用vux的配置详解

配置详解,电脑软件,Vue,vux,Vue中使用vux的配置,分为两种情况:一、根据vux文档直接安装,无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-project 的模板cd my-project // 进入项目n…

Server.MapPath |  错误 ’ASP 017

Server.MapPath | 错误 ’ASP 017

字符,错误,不允许,电脑软件,MapPath,未启用父路径 症状举例: Server.MapPath() 错误 &rsquo;ASP 0175 : 80004005&rsquo; 不允许的 Path 字符 /0709/dqyllhsub/news/OpenDatabase.asp,行 4 在 MapPath 的 Path 参数中不允…