#if($!trainwish.status=='0')apply是红色样式,applydefault是灰色样式
<a class="apply Q-buy-btn" style="text-decoration: none;" wishseId="$!trainwish.id" href="javascript:void(0)">
<span style="margin-left:36px;line-height:26px;color:#FFF;"> #springMessage("sub-menu-training-wisher-addbasket")</span>
</a>
#else
<a class="applydefault" style="text-decoration: none;cursor:default;" wishseId="$!trainwish.id" href="javascript:void(0)">
<span style="margin-left:36px;line-height:26px;color:#CBCBCB;"> #springMessage("sub-menu-training-wisher-addbasket")</span>
</a>
#end
原来的代码不是给你过了。。改下jquery的选择器就好了
$('a.apply').click(function () {
var me = $(this);
if (me.hasClass('applydefault')) return;//灰色不可用退出
me.addClass('applydefault');
//同时用ajax保存状态信息到服务器,下次服务器来设置样式
var n = $('数量选择器');
n.html(parseInt(n.text(), 10) + 1);
});
加个onclick事件 然后js里写个function change(){if(el.className=="apply q-buy-btn"){el.className="applydefault"}else......后面自己写很简单的 }
加一个onclick事件,判断一下即可