请教各位高手关于JQuery的事件绑定

小弟我在一个项目中做了一个很简单的TAG,具体如下:

.MainAreaS1_on
{
width:69px;
height:21px;
background-image:url(images/pxMainAreaTron.jpg);
color:#085332;
text-align:center;
vertical-align:middle;
}
.MainAreaS1_off
{
width:69px;
height:21px;
background-image:url(images/pxMainAreaTroff.jpg);
color:#085332;
text-align:center;
vertical-align:middle;
}

<table cellspacing="0" cellpadding="0" width="210" align="center" border="0">
<tbody>
<tr>
<td height="110"><img height="99" alt="" width="222" src="images/tempIndexSlrt2.jpg" /></td>
</tr>
<tr>
<td>
<table cellspacing="2" cellpadding="0" align="center" border="0">
<tbody>
<tr>
<td class="MainAreaS1_on" id="MainArea4_t1" onclick="tab_chg(MainArea4_name,MainArea4_cre,1)">中心新闻</td>
<td class="MainAreaS1_off" id="MainArea4_t2" onclick="tab_chg(MainArea4_name,MainArea4_cre,2)">培训新闻</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td id="MainArea4_c1" style="DISPLAY: none">
<IMG id="MainArea4_c1_p1" alt="" src="/uploadfiles/167641678976354687645.jpg" onload=javascript:autoImg(this,125,105) border=0>
</td>
</tr>
<tr>
<td id="MainArea4_c2" style="DISPLAY: none">
<IMG id="MainArea4_c2_p1" alt="" src="/uploadfiles/167641678976354687645.jpg" onload=javascript:autoImg(this,125,105) border=0>
</td>
</tr>
</tbody>
</table>


其中有个图片自适应的脚本

function autoImg(img,w,h)
{
var imageArr=img;
var maxWidth=w;
var maxHeight=h;
imageArr.style.display="";
$(img).Bind()
var imageRate = imageArr.offsetWidth / imageArr.offsetHeight;

if(imageArr.offsetWidth > maxWidth)
{
imageArr.style.width=maxWidth + "px";
imageArr.style.Height=maxWidth / imageRate + "px";
}

if(imageArr.offsetHeight > maxHeight)
{
imageArr.style.width = maxHeight * imageRate + "px";
imageArr.style.Height = maxHeight + "px";
}
if(!CheckObj($(img).parent().attr("href")) || $(img).parent().attr("href")=="")
{
img.style.cursor='hand';
img.alt='点击查看大图';
img.onclick=Function("window.oper=null;window.open(this.src)");
}

}

function tab_chg(pre,cre,d)
{
var dt=document.getElementById(pre+"_t"+d);
var dto=document.getElementById(pre+"_t"+eval(pre+"_on+0"));
var dc=document.getElementById(pre+"_c"+d);
var dco=document.getElementById(pre+"_c"+eval(pre+"_on+0"));
if(dt && dto)
{
dto.className=cre+"_off";
dt.className=cre+"_on";
dco.style.display="none";
dc.style.display="block";
eval(pre+"_on="+d);
}
}
function tab_init(pre,cre)
{
var i;
var dt,dc
for(i=1;i<=eval(pre+"_num+0");i++)
{
dt=document.getElementById(pre+"_t"+i);
dc=document.getElementById(pre+"_c"+i);
if(!dt)
{alert(pre+"_t"+i+" error!");return;}
if(!dc)
{alert(pre+"_c"+i+" error!");return;}
if(eval(pre+"_on+0")==i)
{
dt.className=cre+"_on";
dc.style.display="block";
}
else
{
dt.className=cre+"_off";
dc.style.display="none";
}
}
}

var MainArea4_on=1;
var MainArea4_num=2;
var MainArea4_name="MainArea4";
var MainArea4_cre="MainAreaS1";
tab_init(MainArea4_name,MainArea4_cre);



我的问题是我的MainArea4_c1_P1能够正常由autoimg来自适应大小,但是MainArea4_c1_P2不能,可行的解决办法只有想办法能够绑定类似css("display","")执行的时候,有属性变更或者CSS变更时候的事件,不知道JQyery有没有类似事件可以提供绑定,如果没有怎么办好呢?请教各位JQ高手~!
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 扫一扫,分享海报

参与评论 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值