2013-03-28 168 views
0

我有一個.loading css類的定義,只有當我將它作爲內部css添加到頁面時纔會起作用。當我將它移動到我的外部文件style.css時,它無法生成加載循環。。加載css在外部樣式表中不起作用

這是我所知道的:

  1. style.css被加載,因爲頁面風格,我也通過雙螢火檢查。

  2. 我曾嘗試將.loading添加到自己的.css文件中,並加載它並仍然失敗。

  3. 我沒有在我style.css文件中定義的另一個.loading
  4. 我試圖重新命名.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> 
+1

從你的代碼塊中,你是否錯過了一個開口尖括號'<?還有一個jquery-ui自定義css文件,裏面有沒有定義'.loading'類?另外,如果您可以使用瀏覽器的檢查器來檢查您的css文件是否實際加載,那將會很好。 – VKen

+0

@VKen:我未能複製/粘貼現在添加的角度支架。好吧,我將它標記爲'.loadingCircle',但仍然失敗。我已經通過螢火蟲進行檢查,並確認該CSS已加載。 – kaizenCoder

+1

你也可以發佈你的CSS,並受到影響的HTML位?使用一個簡單的測試用例。也許[jsfiddle](http://jsfiddle.net/)也適用於演示和測試。 – VKen

回答

0

謝謝大家。當再看看我的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; 
1

在jqueryui css導入後移動你的css文件。如果他們具有相同的特異性,最後一個贏...