javascript - jquery 的slideUp方法没有达到预期效果??
大家讲道理
大家讲道理 2017-04-11 10:48:17
0
4
292
var obj = document.getElementById("Nav_TBObj");//获取一个表格

点击某元素后执行如下函数:

slideUp(obj.rows[0]);
function slideUp(elem){
    $(elem).slideUp(1000);
    
}

问题是为什么点击元素后等1s才会执行slideUp函数??而且是突然消失,并非按照1s的时间缓缓消失??
jquery版本是1.11.3

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全員に返信(4)
黄舟

slideUp的动画是通过设置元素css的高度值实现的,而给table元素设置高度值是无效的,所以看不到动画效果。如果要实现,可以在对应的table外面包一层p,然后对这个p元素执行slideUp

いいねを押す +0
伊谢尔伦
$("#Nav_TBObj").on("click",function(){
  $(this).slideUp();
})

PS:js对象无法调用jQ方法

いいねを押す +0
黄舟

参考下面的做法
http://stackoverflow.com/questions/6600021/jquery-slide-up-table-row

http://jsfiddle.net/lnrb0b/3t3Na/1/

いいねを押す +0
Ty80

table默认的display是table,你把table的display改为block或inline-block后试一下

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!