这是我的jQuery代码:
if(data.status == 'Waved')
{
$("#wave"+data.id).val("Unwave");
}
else if(data.status == 'Unwaved')
{
$("#wave"+data.id).val("Wave");
}
这是我的HTML代码:
<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">
这是我的PHP代码:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave");
}
else
{
$("#wave"+link_id).val('Waved');
}
我的问题是,当style Here:style="width:50px"显示"Unwave"时,如何将其"width"更改为width:60px?
目前,"Wave"answers"Unwave"按钮的宽度都是50px。如何使"Wave"的宽度保持50像素,当它变为"Unwave"时,宽度变为60像素?
只需添加.css('width','60px')
if (data.status == 'Waved') {
$("#wave" + data.id).val("Unwave").css('width', '50px');
} else if (data.status == 'Unwaved') {
$("#wave" + data.id).val("Wave").css('width', '60px');
}
<input type="button" style="width:50px" id="wave_id" value="Wave" data-action="button">
当值为"Unwave"时只需更改宽度
$("#wave"+link_id).val("Unwave").css('width','60px');
if (data.status == 'Waved')
{
$("#wave"+link_id).val("Unwave").css("width", "50px");
}
else
{
$("#wave"+link_id).val('Waved').css("width", "60px");
}
简单:
$("#wave"+link_id).css("width", "60px");
所以它可以是这样的:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave");
$("#wave"+link_id).css("width", "60px");
}
else
{
$("#wave"+link_id).val('Waved');
$("#wave"+link_id).css("width", "50px");
}
或者简单地像这样:
if(result == 'Waved')
{
$("#wave"+link_id).val("Unwave").css("width", "60px");
}
else
{
$("#wave"+link_id).val('Waved').css("width", "50px");
}
if(data.status == 'Waved')
{
$("#wave"+data.id).val("Unwave").css("width", "60px");
}
else if(data.status == 'Unwaved')
{
$("#wave"+data.id).val("Wave").css("width", "50px");
}