jquery – slideToggle()导致“跳”

前端之家收集整理的这篇文章主要介绍了jquery – slideToggle()导致“跳”前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当使用jQuery slideToggle()函数显示/隐藏表中新行的数据时,它会使其发生故障.但是,当使用slideToggle()显示/隐藏< div>它工作非常顺利.

谁能告诉我为什么会发生这种情况?

小提琴示例:http://jsfiddle.net/gLGUG/

jQuery代码

$("tr").click(function () {
    $(".slideMe").slideToggle();
});

$(".slideMeDiv,button").click(function () {
    $(".slideMeDiv").slideToggle();
});

HTML标记

<table>
    <tr>
        <td>One Row</td>
    </tr>
    <tr>
        <td>Click me</td>
    </tr>
    <tr class="slideMe">
        <td>SlideDOWN</td>
    </tr>
</table>
<br />
<button>Slide Div</button>

<div class="slideMeDiv">
    Slide me as well
</div>
@H_404_14@

解决方法

在表中提到border =“0”cellspacing =“0”cellpadding =“0”
<table width="100%" border="0" cellspacing="0" cellpadding="0">

这将解决跳跃问题

这是jsFiddle File

另外对于滑动效果,您需要用div包装文本,并将div放在td的旁边

这里是jsFiddle File更新

@H_404_14@ @H_404_14@

猜你在找的jQuery相关文章