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是否可以完全避免該問題

bVtuvK

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

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

時間

ecac5fd55310833729126422e835f691.png

汽車及零部件企業走向國際期待“先頭兵”    近年來,我國企業境外投資發展迅速,而隨著我國汽車產業的逐漸成熟,也將有更多的汽車及零部件企業走向國際。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 = $('

'%20+%20mydata.imgSrc%20+%20'

')

main.append(img)

var text = $('

' + mydata.content + '

')

main.append(text)

}

},

error: function() {

console.log('err')

}

})

})

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/275425.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275425.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275425.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

ios 按鈕圖片充滿按鈕_iOS有一些非常危險的按鈕-UX評論

ios 按鈕圖片充滿按鈕I recently bought a cool thing off Amazon. It’s an adapter for iPhone, making it easy to transfer photos from your big bulky camera to your phone. The adapter itself is very easy to use: simply insert your SD card and plug the adapter …

URLScan工具配置方法第1/2頁

本文分步說明如何配置 URLScan 工具以防止 Web 服務器受到攻擊和利用。 如何配置 URLScan 工具察看本文應用于的產品文章編號 : 326444最后修改 : 2007年3月14日修訂 : 5.3我們強烈建議所有運行 Microsoft Windows Server 2003 的用戶將 Microsoft Internet 信息服務 (IIS) 升級…

poj 1809

///一個點的坐標只有四種可能&#xff0c;用0表示 偶數&#xff0c;1表示奇數 &#xff0c;則四種可能為&#xff08;0,0&#xff09;&#xff0c;&#xff08;0,1&#xff09; ///&#xff08;1,0&#xff09;&#xff0c;&#xff08;1,1&#xff09;。觀察公式A|x1y2 - y1…

swiftui_SwiftUI的混合包

swiftui介紹 (Introduction) SwiftUI introduced us to a whole new way of designing and coding interfaces. Gone are the old ways of subclassing UIKit (or AppKit) classes and hardwiring layout constraints. Instead, we now have a nice, declarative way of struct…

三年經驗前端社招——有贊

大家好&#xff0c;我是若川&#xff0c;祝大家中秋節快樂。最近組織了源碼共讀活動《1個月&#xff0c;200人&#xff0c;一起讀了4周源碼》&#xff0c;已經有超50人提交了筆記&#xff0c;群里已經有超1200人&#xff0c;感興趣的可以點此鏈接掃碼加我微信 ruochuan12 參與。…

html的 button點擊事件無效,InfoWindow里面加button,監聽button點擊事件無效 求解啊...

該樓層疑似違規已被系統折疊 隱藏此樓查看此樓點擊infoWindw中的button按鈕&#xff0c;無效果&#xff1b;覆蓋默認的dom結構html,body,#container {width: 100%;height: 100%;margin: 0px;}p.my-desc {margin: 5px 0;line-height: 150%;}//創建地圖var map new AMap.Map(con…

4月第1周業務風控關注 |國家廣播電視總局發布《未成年人節目管理規定》

易盾業務風控周報每周呈報值得關注的安全技術和事件&#xff0c;包括但不限于內容安全、移動安全、業務安全和網絡安全&#xff0c;幫助企業提高警惕&#xff0c;規避這些似小實大、影響業務健康發展的安全風險。 1、國家廣播電視總局發布《未成年人節目管理規定》 國家廣播電視…

Ubuntu 11.04 x64 下安裝Python

在網上搜了下&#xff0c;找到了如下安裝順序&#xff1a; Install python2.7 wget http://www.python.org/ftp/python/2.7/Python-2.7.tar.bz2 tar xjf Python-2.7.tar.bz2 cd Python-2.7/ ./configure make sudo make altinstall Install setuptools cd .. wget http://pyp…

數據挖掘 點擊更多 界面_8(更多)技巧,可快速改善用戶界面

數據挖掘 點擊更多 界面重點 (Top highlight)Creating beautiful, usable, and efficient UIs takes time, with many design revisions along the way. Making those constant tweaks to produce something that your clients, users, and yourself are truly happy with. I k…

Node.js+Express+MongoDB 實現學生增刪改查

前言 選用Node.js&#xff0c;Express&#xff0c;MongoDB來實現一個學生信息的增刪改查。 Express框架搭建服務器art-template模板實現頁面MongoDB數據庫Mongoose操作數據庫安裝 npm install express mongoosenpm install art-template express-art-templatenpm install body-…

html5波浪線條,HTML5 svg炫酷波浪線條動畫插件

這是一款HTML5 svg炫酷波浪線條動畫插件。該波浪動畫插件基于tweenMax和SVG&#xff0c;也可以作為jQuery插件來使用&#xff0c;可以制作出漂亮的波浪線條動畫特效。使用方法在頁面中引入jquery和TweenMax.min.js文件&#xff0c;以及wavify.js和jquery.wavify.js文件。HTML結…

三年經驗前端社招——騰訊微保

大家好&#xff0c;我是若川。祝大家中秋節快樂。最近組織了源碼共讀活動《1個月&#xff0c;200人&#xff0c;一起讀了4周源碼》&#xff0c;已經有超50人提交了筆記&#xff0c;群里已經有超1200人&#xff0c;感興趣的可以點此鏈接掃碼加我微信 ruochuan12 參與。本文經作者…

Matlab數理統計工具箱應用簡介

1&#xff0e; 概述 Matlab 的數理統計工具箱是 Matlab 工具箱中較為簡單的一個&#xff0c;其牽扯的數學知識是大家都很熟悉的數理統計&#xff0c;因此在本文中&#xff0c;我們將不再對數理統計的知識進行重復&#xff0c;僅僅列出數理統計工具箱的一些函數&#xff0c;這些…

matlab繪制路線圖_繪制國際水域路線圖

matlab繪制路線圖Two years ago, Shopify was only available in English. Few people in Germany or Japan had heard about us. We had only just formed the international growth team to make Shopify available to people in their native tongue.兩年前&#xff0c;Shop…

2021年江蘇高考各科成績查詢,江蘇2021年高考總分及各科分數

江蘇2021年高考總分及各科分數2021-04-16 08:46:02文/董月江蘇高考將實施“33”模式&#xff0c;即語數外三門必考&#xff0c;然后在物理、化學、生物、歷史、政治、地理六門學科中任選三門進行考試&#xff0c;并計入總分。“6選3”中的3門以等級確定&#xff0c;折算成分數計…

碎片時間學習前端,我推薦這些~

大家好&#xff0c;我是若川。祝大家中秋節快樂。前端技術日新月異&#xff0c;發展迅速&#xff0c;作為一個與時俱進的前端工程師&#xff0c;需要不斷的學習。這里強烈推薦幾個前端開發工程師必備的優質公眾號&#xff0c;希望對你有所幫助。大家可以像我一樣&#xff0c;利…

windows 端口沖突解決

windows 端口沖突解決 命令 說明 ps&#xff1a;我這里要解決的80端口沖突。 命令 netstat -ano&#xff0c;列出所有端口的使用情況&#xff0c;在列表中我們觀察被占用的端口。 netstat -aon|findstr “PID” 查看被占用端口對應的PID&#xff0c;這里的"PID"是上一…

使用selector改變按鈕狀態

在res/drawable文件夾新增一個文件&#xff0c;此文件設置了圖片的觸發狀態&#xff0c;你可以設置 state_pressed&#xff0c;state_checked&#xff0c;state_pressed&#xff0c;state_selected&#xff0c;state_focused&#xff0c;state_enabled 等幾個狀態&#xff1a; …

figma下載_通過構建7個通用UI動畫來掌握Figma中的動畫

figma下載Originally published on my personal blog.最初發布在我的 個人博客上 。 Most designers will spend many hours perfecting every pixel of their static UI designs but will barely spend any time perfecting the transitions between these pages.大多數設計人…

怎么用計算機上的打印設備打印,電腦中怎么添加打印機設備

電腦中怎么添加打印機設備電腦中怎么添加打印機設備呢&#xff0c;下面小編介紹一下。具體如下&#xff1a;1. 打開電腦&#xff0c;點擊“控制面板”圖標2. 在如圖頁面&#xff0c;找到“硬件和聲音”&#xff0c;點擊打開3. 然后點擊”設備和打印機“選項4. 打開后&#xff0…