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

您无法访问src的媒体资源jQuery element。如果您不想访问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');

单击图像更改时的图像按钮

1 个答案: