2010-09-13 69 views
2

我試圖比較的背景圖像的價值,做形象,像在這裏另外一個則是片段jQuery的,如果對背景圖像的CSS值聲明

if ($('.list').css("background-image") === "url(images/Remove.png"){ 
    $('.list').click(function(){ 
     $('.list').css({ 
     'padding-left'  : '40px', 
     'background-image' : 'url(images/Remove_vertical.png)', 
     'background-repeat' : 'no-repeat' 
     }); 
    } 
} 

這是行不通的任何建議

+0

有沒有在你這裏貼上什麼丟失的圓括號:'網址(圖像/ Remove.png「' - 什麼行不通 – Pointy 2010-09-13 13:01:17

回答

4

您的語法錯誤。

if ($('.list').css("background-image") === "url(images/Remove.png"){ 

例如,應該看起來像

if ($('.list').css("background-image") === "url(images/Remove.png)") { 

改爲。


if ($('.list').css("background-image") === "url(images/Remove.png)") 
{ 
     $('.list').click(function() 
     { 
      $('.list').css({'padding-left' : '40px' , 
        'background-image' : 'url(images/Remove_vertical.png)', 
        'background-repeat' : 'no-repeat'}); 
     }); 
} 
+0

然而,你選擇的方式並不是最好的,更好地切換一個類,就像NimChimpsky在他的評論中告訴你的一樣,使它更加清晰+增加對改變主題的支持等 – thedanielhanke 2010-09-13 13:11:53

1

你可以"toggle"類...

+0

喜歡你的意思是說根據如果條件 – prakash 2010-09-13 13:39:15

+0

切換一個類將分配一個類,如果它不存在,並將其刪除,所以不需要使用if。把所有的類定義中的css和文件引用。 – NimChimpsky 2010-09-13 15:22:45