ajax使用html()后样式无效,jquery.ajax使用字符串拼接后内联css样式失效

问题所在:

是这样的,我使用ajax调用了一串json数据,使用字符串拼接的方法动态插入div容器.结果css并没有对动态插入的内容加css样式.

代码描述:

css使用的内联,在head部分, jquery使用外联,在body后.

我尝试过:

$(function(){}) //入口函数加载

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

(function(){})() //立即执行

script放置css前

reload 方法

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

1.客户端dom渲染机制

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

时间

汽车及零部件企业走向国际期待“先头兵”　　　　近年来，我国企业境外投资发展迅速，而随着我国汽车产业的逐渐成熟，也将有更多的汽车及零部件企业走向国际。4月24日，在第一届中国汽车后市场合作论坛上，全国工商联汽车摩托车配件用品业商会会长章宏伟、国家发改委利用外资和境外投资司处长武聪光等人就我国汽车企业怎样把握形势、利用国内国际市

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')

}

})

})