我正在编辑其他人开发的网站。他们使用以下代码在单选按钮内显示图像。它在firefox中工作正常但在IE中加载页面时,其中一个无线电中有图像,但是一旦你点击任何其他的无线电按钮就没有任何图像。
任何人都可以看到任何明显错误的东西:
$(document).ready(function(){
$.widget("ui.graphicalRadios",{
_init:function(){
var self=this;
self.widget = this.element;
self.radios = self.widget.find(".graphical-radio");
self._checkDefaultRadio();
},
_checkDefaultRadio:function(){
var self=this;
if(self.radios.length>0){
self.radios.each(
function(i,item){
$(this)
.bind("click",
function(){
self._checkRadio(i);
}
)
.css({"cursor":"pointer"})
.find("span").css({"cursor":"pointer"});
if($(this).find("input[type=radio]").attr("checked")){
$(this).find("img").show();
}
}
);
}else{
return false;
}
},
_checkRadio:function(index){
var self=this;
self.radios.find("input[type=radio]").attr("checked","");
self.radios.find("img").hide();
$(self.radios[index]).find("img").show();
$(self.radios[index]).find("input[type=radio]")
.attr("checked","checked");
if($.browser.opera || $.browser.msie){
$(self.radios[index]).find("input[type=radio]").trigger("click");
}
}
});
$("#graphical-selects").graphicalRadios();
});
P.S。 IE给出的eror是:
Object不支持此属性 或方法。