问题所在:

是这样的,我使用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;

}

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

}

})

})