單擊圖像按鈕上的圖像更改

Question

我的表單上有一個圖像按鈕，單擊后會打開一個模式彈出對話框。 在皮膚文件中設置了onmouseout，onmouseover，onfocus，onblur事件。

我要實現的是，當打開模式彈出對話框時，“圖像按鈕”圖像應該像在皮膚上設置onmouseover和onfocus圖像時一樣。

但是我無法通過添加以下js來實現

$("#btnAdd").src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';

（以上我在js函數中編寫的js函數打開了模式對話框）

因為在焦點轉移到模式對話框后發生onblur / onmouseout事件時，由於上述js而造成的圖像集丟失了。

對此可能有什么解決方案？ 請通知我，因為我需要盡快集成。

皮膚文件：

<asp:ImageButton  SkinId="Add" alt="Add" runat="server" ImageUrl="~/Images/Add_item_over.png"
onmouseout="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_over.png';"
onmouseover="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';" 
onfocus="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';" 
onblur="this.src=window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_over.png';"/>

Answer 1

您無法訪問jQuery element src屬性。 如果您不想訪問HTMLDOMElement，則需要編寫$('#btnAdd')[0] 。

此外，如果您的btnAdd是<button>標記，則需要執行以下操作：

$("#btnAdd").css({
 backgroundImage: url(window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png';)
});

如果是img標簽

$("#btnAdd").attr('src', window.location.protocol + '//' + window.location.host + '/' + 'ClientWeb/Images/Add_item_on.png');