給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法
今天在做項(xiàng)目時(shí),在頁(yè)面中用ajax返回了另一個(gè)頁(yè)面,突然發(fā)現(xiàn)返回頁(yè)面中的表格把頁(yè)面給頂了出去,經(jīng)過(guò)一番研究,終于解決了。
先準(zhǔn)備好要返回內(nèi)容的容器
<div class="container"> </div>
預(yù)定義一個(gè)樣式,以便返回的內(nèi)容能直接套用
比如,我們希望返回的表格不會(huì)太過(guò)分,把頁(yè)面給頂開(kāi)了。。。
<style>
.container table{
width:100%;
}
</style>
最后直接在容器中用ajax返回內(nèi)容
$(function(){
$('a').click(function(){
$.get('get.html',function(data){
$('.container').html(data);
});
});
});
沒(méi)了,以上所述是小編給大家介紹的給Ajax返回的HTML標(biāo)簽動(dòng)態(tài)添加樣式的方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
ajax提交到servelt獲取參數(shù)有亂碼的解決方法
這篇文章主要介紹了ajax提交到servelt獲取參數(shù)有亂碼的解決方法,需要的朋友可以參考下2014-02-02
Ajax 提交表單數(shù)據(jù)到入庫(kù)的全盤(pán)操作流程分享
以下是Ajax 提交表單數(shù)據(jù)到入庫(kù)的全盤(pán)操作流程,希望本文對(duì)廣大php開(kāi)發(fā)者有所幫助,感謝閱讀本文2014-01-01
IE9下Ajax無(wú)法刷新數(shù)據(jù)的緩存問(wèn)題解決方法
使用jQuery的getJSON從后臺(tái)定時(shí)獲取數(shù)據(jù)并刷新界面,在IE9下卻無(wú)法刷新數(shù)據(jù),原因就是緩存的問(wèn)題,下面是解決方法2014-09-09
按鈕的Ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法
像ajax請(qǐng)求發(fā)生兩次提交的原因是在執(zhí)行完ajax請(qǐng)求后,并沒(méi)有阻止submit的行為,下面小編給大家?guī)?lái)兩種按鈕的ajax請(qǐng)求時(shí)一次點(diǎn)擊兩次提交的解決方法,一起看看吧2016-09-09
AJAX請(qǐng)求數(shù)據(jù)及實(shí)現(xiàn)跨域的三種方法詳解
ajax跨域這個(gè)問(wèn)題其實(shí)很常見(jiàn),這篇文章主要給大家介紹了關(guān)于AJAX請(qǐng)求數(shù)據(jù)及實(shí)現(xiàn)跨域的三種方法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12
將xml文件作為一個(gè)小的數(shù)據(jù)庫(kù),進(jìn)行學(xué)生的增刪改查的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇將xml文件作為一個(gè)小的數(shù)據(jù)庫(kù),進(jìn)行學(xué)生的增刪改查的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06

