removeClass 设置显示 none
removeClass setting display none
html:
<table>
<tr>
<td>Hi</td>
<td><a href="#">Click me</a>
</td>
</tr>
</table>
js:
$('td a').click(function (event) {
var txt = $(this);
event.preventDefault();
txt.closest('td').addClass('info');
txt.closest('td').fadeOut(500, function () {
txt.closest('td').removeClass('info');
});
this.blur();
txt.parent().attr('style', 'display: inherit;');
return false;
});
https://jsfiddle.net/iScripters/0dpLyv96/4/
当您单击 'Click me' 时,我希望将 class 'info' 添加到父级 (td),然后使用淡出将其删除。相反,它会删除整个 .
对此有任何解决方案或解决方法吗?
此处代码中,removeClass 未设置 display:None,而是 fadeOut 的功能将显示设置为 None。如果您不希望将其设置为显示为 None,并在一段时间后将其删除,请使用 setTimeOut 等函数。 Link - http://www.sitepoint.com/jquery-settimeout-function-examples/
html:
<table>
<tr>
<td>Hi</td>
<td><a href="#">Click me</a>
</td>
</tr>
</table>
js:
$('td a').click(function (event) {
var txt = $(this);
event.preventDefault();
txt.closest('td').addClass('info');
txt.closest('td').fadeOut(500, function () {
txt.closest('td').removeClass('info');
});
this.blur();
txt.parent().attr('style', 'display: inherit;');
return false;
});
https://jsfiddle.net/iScripters/0dpLyv96/4/
当您单击 'Click me' 时,我希望将 class 'info' 添加到父级 (td),然后使用淡出将其删除。相反,它会删除整个 . 对此有任何解决方案或解决方法吗?
此处代码中,removeClass 未设置 display:None,而是 fadeOut 的功能将显示设置为 None。如果您不希望将其设置为显示为 None,并在一段时间后将其删除,请使用 setTimeOut 等函数。 Link - http://www.sitepoint.com/jquery-settimeout-function-examples/