問題所在:

是這樣的,我使用ajax調(diào)用了一串json數(shù)據(jù),使用字符串拼接的方法動態(tài)插入div容器.結(jié)果css并沒有對動態(tài)插入的內(nèi)容加css樣式.

代碼描述:

css使用的內(nèi)聯(lián),在head部分, jquery使用外聯(lián),在body后.

我嘗試過:

$(function(){}) //入口函數(shù)加載

window.onload = function(){} //原生dom加載

(function(){})() //立即執(zhí)行

script放置css前

reload 方法

我希望你能回答(其一即可):

1.客戶端dom渲染機(jī)制

2.常見解決方法

3.arttemplate或者underscore是否可以完全避免該問題

代碼分割線----------

body {

font: 14px/120% '微軟雅黑';

background-color: #c0c0c0;

width: 500px;

line-height: 150%;

}

.list img {

float: left;

}

.content {

padding-left: 280px;

border-bottom: 1px solid green;

}

編號

title

時間

汽車及零部件企業(yè)走向國際期待“先頭兵”　　　　近年來，我國企業(yè)境外投資發(fā)展迅速，而隨著我國汽車產(chǎn)業(yè)的逐漸成熟，也將有更多的汽車及零部件企業(yè)走向國際。4月24日，在第一屆中國汽車后市場合作論壇上，全國工商聯(lián)汽車摩托車配件用品業(yè)商會會長章宏偉、國家發(fā)改委利用外資和境外投資司處長武聰光等人就我國汽車企業(yè)怎樣把握形勢、利用國內(nèi)國際市

jQuery(document).ready(function($) {

$.ajax({

type: 'get',

url: 'http://api.expoon.com/CategoryNewsJson/getNews/cname/qiche?callback=data',

dataType: 'jsonp',

success: function(data) {

var main = $('#main');

for (var i = 0; i < 3; i++) {

var mydata = data[i]

// 添加容器

var box = $('

main.append(box)

// 添加 title time img content

var tit = $('

' + mydata.title + '

')

main.append(tit)

var timer = $('

' + mydata.time + '

')

main.append(timer)

var img = $('

')

main.append(img)

var text = $('

' + mydata.content + '

')

main.append(text)

}

},

error: function() {

console.log('err')

}

})

})

總結(jié)

以上是生活随笔為你收集整理的ajax使用html()后样式无效,jquery.ajax使用字符串拼接后内联css样式失效的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。