问题所在:

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

}

})

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

react里面内联css样式怎么样_React.js内联样式最佳做法
小编典典目前还没有很多"最佳实践".我们中那些使用内联样式作为React组件的人仍在进行大量试验. 全部还是全部? 我们所称的"样式"实际上包括许多概念: 布 ...
css内联样式_如何覆盖内联CSS样式
css内联样式本文写于2009年,至今仍是我们最受欢迎的帖子之一. 如果您想了解有关CSS的更多信息,您可能会发现这篇有关CSS技术的文章对视网膜显示非常感兴趣. CSS的最强大功能之一就是层叠. ...
react里面内联css样式怎么样_React中的内联CSS样式：如何实现媒体查询？
I quite like the inline CSS pattern (video) in React and i am thinking about using it. However i hav ...
在HTML中表示内嵌CSS样式的标记,html怎么加css样式
html怎么加css样式?下面本篇文章就来给大家介绍一下在HTML中添加CSS样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.行内式(使用style属性,在HTML标 ...
未捕获的错误：始终违反：元素类型无效：预期为字符串（对于内置组件）或类/函数，但得到了：对象
本文翻译自:Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in ...
字符串拼接后存在中间换行
字符串拼接后存在中间换行问题在ubuntu平台下利用youtube-dl进行视频下载,需要进行批量操作和对命令进行拼接.但是,拼接完成后的字符串输出时却存在中间换行的问题. 描述想要输出的字符串 ...
如何在html网页内引入css样式
在html网页内引入css样式 1.调用外部css文件: <link rel="stylesheet" href="a.css" type="t ...
ajax jinja,在向Flask发出jQuery AJAX请求后渲染Jinja
我有一个Web应用程序,当HTML中的select元素发生更改时,它会从Flask获取动态数据.当然这是通过jquery ajax完成的.没有probs在这里我得到了. 问题是,Flask发送的动态数 ...
循环发ajax请求,在循环中发送jquery ajax请求
我在我的Web应用程序的Map中实现了"空间选择",它选择Streets的数量.选择后,我会为使用"选择处理程序"选择的所有街道获取唯一的街道标识.在循环中发送 ...

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

title

' + mydata.title + '

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

最新文章

热门文章