服务器之家

服务器之家 > 正文

jQuery html()方法使用不了无法显示内容的问题

时间：2021-02-04 16:36     来源/作者：JavaScript教程网
?
1
2
$("#content").html(data.content);
$("#content")[0].innerHTML = data.content;

今天遇到jquery中的html方法使用不了，只能用完最基本的innerHTML把内容展示出来。具体原因还没找到，肯定跟内容有关，展示不了的html放上来供以后检查原因，是我收到csdn的一封邮件。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
<title>智能硬件周刊 - 第4期</title>
<style type="text/css">
a:link {
color: #333;
text-decoration: none;
}
 
a:hover {
color: #c00;
}
 
span.hot {
font-weight: bold;
}
 
.button * {
vertical-align: middle;
}
</style></head>
 
<body>
<div>
<table align="center" border="0" cellpadding="0" cellspacing="0" width="760">
<tbody>
<tr>
<td width="540"><a href="http://newsletter.csdn.net/m/news/newsletter/index/13" rel="external nofollow" rel="external nofollow" rel="external nofollow" target="_blank"><img style="cursor: pointer;border: 0px;" alt="" src="http://cms.csdnimg.cn/article/201406/12/539917aecc84c.jpg"></a></td>
<td width="30"></td>
<td width="190" style="font-size: 12px; font-family: Microsoft Yahei; line-height: 40px; padding-right: 3px" align="right">2014-07-29 第
<span style="color: #c00; text-decoration: none;">4</span>期</td>
</tr>
<tr>
<td colspan="3" bgcolor="#cc0000" height="5"></td>
</tr>
<tr>
<td width="540" valign="top">
<!-- 资讯速递 -->
<h1 style="font-family: Microsoft Yahei; font-size: 20px; margin: 20px 0 0 0; font-weight: normal; border-bottom: solid 1px #d1d1d1; color: #c00; padding-bottom: 5px"><img style="margin-right: 5px" alt="" src="http://articles.csdn.net/uploads/allimg/120413/118_120413113016_1.gif">资讯速递
</h1>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729111725_67948_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;">
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-28/2820881" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">智能硬件生态未成，打造平台为时尚早？</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;">
当前的智能硬件产业发展是由创业公司探路，巨头纷纷跟进打造开放平台。但智能硬件市场至今无标杆性产品、开发者及应用前景不明、尚未找到用户“痛点”等特征表明市场仍处于萌芽阶段，打造平台为时尚早。<a href="http://www.csdn.net/article/2014-07-28/2820881" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://download.csdn.net/detail/zhaifangqing/7604351" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">【干货分享】2014深圳Maker Faire“创客与商业”论坛演讲PDF</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;">
2014年4月6日至7日，深圳举办Featured级别Maker Faire。在“创客与商业”论坛中，Atmel COO、点名时间CEO、电子新我CEO、Seeed创始人、HAXLR8R创始人、前富士康CEO等人，从Maker文化、众筹、孵化、创业、产品化等角度，分享了所观察、体会，并总结出的故事与经验。<a href="http://download.csdn.net/detail/zhaifangqing/7604351" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-16/2820690-10-best-AR-App" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">增强现实：10大AR应用窥探移动未来</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;">
智能手机性能的提升，以及可穿戴设备，尤其是Google Glass的出现，让AR技术再次升温，也让我们在今年看到了不少基于AR技术开发的新应用。本文推荐10款优秀AR应用，其中有不少开发商还来自于传统行业。<a href="http://www.csdn.net/article/2014-07-16/2820690-10-best-AR-App" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://www.csdn.net/article/2014-07-24/2820848-lenovo-3-hardware" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">物联网多了把“新板凳” 联想推三款智能硬件</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin: 0px;">
联想推出“中国最靠谱的互联网创业平台”――联想NBD(New BusinessDevelopment，昵称“新板凳”)。同时，发布了该平台“孵化”的首批三个创新产品：智能眼镜、智能空气净化器和智能路由器。<a href="http://www.csdn.net/article/2014-07-24/2820848-lenovo-3-hardware" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
 
<!-- 新锐产品 -->
<h1 style="font-family: Microsoft Yahei; font-size: 20px; margin: 20px 0 0 0; font-weight: normal; border-bottom: solid 1px #d1d1d1; color: #c00; padding-bottom: 5px"><img style="margin-right: 5px" alt="" src="http://articles.csdn.net/uploads/allimg/120413/118_120413113016_1.gif">新锐产品
</h1>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729103841_55898_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;">
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="https://www.kickstarter.com/projects/1157856441/table-air?ref=category" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">设计最优美的智能空气净化器 Table Air</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;">
这是一款来自深圳的空气净化器，允许用户通过手机进行控制。在每天早晨它会自动检测出空气质量。这款空气净化器的设计与众不同，不像传统的设备那样蠢笨，外观更加简洁。<a href="https://www.kickstarter.com/projects/1157856441/table-air?ref=category" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729102357_10579_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;">
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="https://www.kickstarter.com/projects/261147844/airfy-beacon-imagination-meets-smart-home-automati?ref=category" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">基于iBeacon的智能家居中心 airfy Beacon</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;">
苹果在去年就发布了iBeacon，最初它给人们指出的产品方向更偏向于商业，例如在商场、店铺中使用，而这款airfy则是基于该技术的家居产品。它可以作为手机与NEST、IFTTT、hue智能灯等设备的中继站，不同的是，用户只需要走近airfy，就能触发一些功能，比如让灯光变亮、打开音响等。<a href="https://www.kickstarter.com/projects/261147844/airfy-beacon-imagination-meets-smart-home-automati?ref=category" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
<dl style="padding: 6 0 0 0;margin:0px;clear: both;">
<!-- 判断图片是否存在 -->
<img src="http://newsletter.csdn.net/uploadfile/logoimg/image/20140729/20140729101200_43505_logo.jpg" border="0" style="float:left;padding: 15px 10px 15px 0;width: 160px;height: 110px;">
<dt style="color: #333; font-size: 16px; font-family: Microsoft Yahei; margin: 10px 0 3px 0; line-height: 26px;">
<a style="text-align: left; color: #333; font-size: 16px; font-weight: bold; text-decoration: none" href="http://bong.cn/" rel="external nofollow" rel="external nofollow" target="_blank">
<span class="hot">可续航一年的智能手环 Bong II</span></a>
</dt>
<dd style="color: #666666; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;">
bong梅开二度，在上周发布了第二代手环，售价99元。不过最让人感到兴奋的不是价格，而是可以续航一年的持久力，这是目前可穿戴产品中不多见的。当然，除了续航，bong在功能上也做出了新的改进与创新。<a href="http://bong.cn/" rel="external nofollow" rel="external nofollow" target="_blank" style="color: #c00; font-size: 13px; font-family: 宋体; line-height: 22px; margin-left: 0px;padding-bottom:20px;">[阅读原文] </a>
</dd>
</dl>
 
<!--dl style="clear: both;">
<dt style="color: #333; font-size: 14px; font-family: Microsoft Yahei; margin-top: 5px; line-height: 22px">
<img style="margin-right: 10px" id="codetool">

下面是其它网友的补充：

jQuery一般来说还是很好用的，但有时候它也会有些问题的，比如jQuery的html()方法设置html代码，在一种情况下，ie6、ie7、ie8 下是不能设置html代码的。本文说的问题只针对ie8（包括ie8）以下的浏览器。

　　1.什么情况下IE6、IE7、IE8 jQuery.html("xxx")方法会设置不上html代码？

　　答：当被加载的的html代码里面出现以下情况，ie8（包括ie8）以下是设置不上html代码的：

　　　　a) 被设置的html代码中包含引用其他js的，如：<script src="Stone.js" type="text/javascript"></script> 这种情况下，设置html代码无效。
　　　　b) 被设置的html代码中包含js 方法的，如：function Stone(){ alert("我叫MT"); }，设置html代码无效。
　　　　c) 被设置的html代码中有css 样式的，如：.Stone ul li{ list-style:none;float:left; }等，设置的html代码无效。[附加：被设置的html代码中如果包含引用其他外部

　　　　　 样式的，比如：<link href="../Css/style.css" rel="stylesheet" type="text/css" />，虽然不会影响html设置，但是被引用的css是无效的，是没有样式的。]

　　2.原因分析：

　　答：被设置的html，jQuery只是单纯的解析为html，不会去理会其他的因素和代码，所有导致上述问题的出现。

　　3.解决方案：

　　答：去掉被设置的js引用css引用和代码即可解决。

【Stone 制作整理，引用请写明出处谢谢合作，联系QQ：1370569】

标签：
jquery HTML 无法显示 

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解，亲测可用！！！
Intellij idea2020永久破解，亲测可用！！！ 2020-07-29
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
返回顶部