我将存储在磁盘上的一些HTML动态加载到div中,如下所示:
$('#FictionContent').load('Content/HuckFinn.html');
提供一些背景信息:
$(document).ready(function () {
$('#tabs').tabs({
beforeActivate: function(event, ui) {
if (ui.newTab.index() == 0) { // index 0 is fiction
$('#body').removeClass('bronzeBackground silverBackground goldBackground').addClass
('bronzeBackground');
$('#FictionContent').load('Content/HuckFinn.html');
FictionContent的定义如下:
<div id="FictionContent" class="clearfix">Content in Fiction tab</div>
这里有一些背景:
<div id="tabs" class="content-wrapper">
<ul>
<li><a href="#tab-Fiction">Fiction</a></li>
<li><a href="#tab-Nonfiction">Nonfiction</a></li>
<li><a href="#tab-MiscTwain">Miscellaneous</a></li>
</ul>
<div id="tab-Fiction">
<select id="fictionDropDown">
<option value="HuckFinn">Huck Finn</option>
<option value="TomSawyer">Tom Sawyer</option>
<option value="tPatP">Prince and the Pauper</option>
<option value="ConnYank">Connecticut Yankee</option>
<option value="Gilded">The Gilded Age</option>
<option value="Puddnhead">Pudd'nhead Wilson</option>
<option value="ShortStories">Short Stories</option>
</select>
<div id="FictionContent" class="clearfix">Content in Fiction tab</div>
</div>
FictionContent使用的clearfix CSS类在Site.css中是这样的:
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
我添加了它:
background-color: black;
......但无济于事 - 没有改变背景颜色。
我还尝试将其添加到HTML文件的顶部我加载(HuckFinn.html):
<style>
background-color: black;
</style>
<h1>The Adventures of Huckleberry Finn</h1>
有一些背景:
<style>
background-color: black;
</style>
<h1>The Adventures of Huckleberry Finn</h1>
<h3>Scene: The Mississippi Valley Time: Forty to fifty years ago</h3>
. . .
这也没有用。
那么如何让背景变黑,就像我here:
一样
答案 0 :(得分:4)
在您的第一次尝试中,您将css添加到伪元素(请参阅http://www.w3schools.com/css/css_pseudo_elements.asp)。 其他2次尝试&lt;风格&gt;特别是没有添加任何东西。 使用
#FictionContent {
background: black;
}
附加到您的CSS文件,看起来像这样:
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
#FictionContent {
background: black;
}
答案 1 :(得分:2)
一个简单的解决方法也是在你的JS中加载行之后添加它。
$('#FictionContent').css('background-color', '#000000');