Question

我定义了一个.loading css类，只有当我将其作为内部css添加到页面时才会起作用。当我将其移动到外部style.css文件时，它无法生成加载圈。

以下是我所知道的：

style.css因为页面已设置样式，我还通过firebug进行了双重检查。
我尝试将.loading添加到自己的.css文件中并加载它但仍然失败。
我的.loading文件

style.css

我尝试将.loading重命名为.loadingCircle而没有任何更改（这是否与JQuery冲突）

我的标题文件：

<link href="css/style.css" rel="stylesheet" type="text/css">
<script type='text/javascript' src='includes/js/jquery.js'></script>
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="includes/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type='text/javascript' src='includes/js/createDialog.js'></script>
<script type="text/javascript" src="includes/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="includes/js/jquery.tablesorter.pager.js"></script>
<script type='text/javascript' src='includes/js/script.js'></script>

Answer 1

谢谢大家。再看一下我的css，我发现这是加载图像路径的问题。我想如果我添加它，有人会发现它为我

我的文件夹结构如此：

 /css
 /images
 searchForm.php
 index.php
 edit.php

我在searchForm.php内的.loading css：

.loading {
       background:url('images/ajax-loader_thick.gif') no-repeat center center;

当我将其添加到style.css文件夹中的css文件时，我错过了这样做：

.loading {
       background:url('../images/ajax-loader_thick.gif') no-repeat center center;

.loading css不能从外部样式表中工作

1 个答案: