背景圖像和轉換器

我有一個TD元素不會將其背景更改爲圖像。我從JQUERY使用ToggleClass。背景圖像和轉換器

下面是我使用的是兩種不同的CSS樣式：

.style22 
    { 
     height: 16px; 
     width: 237px; 
     background-image: url('../Images/Red-Error-Box.png'); 
     background-repeat: no-repeat; 
    } 
    .style23 
    { 
     height: 16px; 
     width: 237px; 
     background-image:none 
    }

這裏是我使用來切換類的功能，但它不會切換：

<script type="text/javascript"> 
function validateText() { 

    var emailEXP = /^([A-Za-z0-9_\+\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; 

     if (!emailEXP.test(($("#tbEmail").val()))) { 
      $('#EmailErrorMSG').toggleClass('style22'); 
      $('#EmailErrorMSG').show(); 
    }  

    } 

    </script>

這裏是HTML標記：

<tr> 
    <td id="EmailErrorMSG" nowrap="nowrap" class="style23"></td> 
</tr> 


<asp:Button ID="btnSignUp" runat="server" OnClientClick="validateText()"/>

感謝您的任何幫助。

來源

2011-04-04 MdeVera

快來人，不要雞蛋裏挑骨頭。如何幫助OP突出顯示其代碼，而不是更改拼寫錯誤的單詞？您在編輯時需要同行評審時阻止其他人的編輯... – Blender 2011-04-04 20:04:25

風格23：只是使它重要... 背景圖像：無重要

你不需要的高度和寬度！

當您切換兩個類都在該元素上。

，但如果你想這樣做，甚至更好，你可以創建類不同勢：創建只具有高度和寬度

和一個類有圖像設置一個類。然後只需切換第二類。

.style22 
    { 
     height: 16px; 
     width: 237px; 

    } 
    .style23 
    { 
     background-image: url('../Images/Red-Error-Box.png'); 
     background-repeat: no-repeat; 
    }

來源

2011-04-04 20:05:30

Schaller ....非常感謝您的樣品！ – MdeVera 2011-04-04 20:21:56

你應該切換這兩個類，以便只有一個適用在任何時候..

$('#EmailErrorMSG').toggleClass('style22 style23');

來源

2011-04-04 20:07:11

背景圖像和轉換器

回答

相關問題