jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – slideToggle()导致“跳”大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
当使用jQuery slideToggle()函数来@L_450_1@/隐藏表中新行的数据时,它会使其发生故障.但是,当使用slideToggle()@L_450_1@/隐藏< 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>

解决方法

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

这将解决跳跃问题

这是jsFiddle File

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

这里是jsFiddle File更新

大佬总结

以上是大佬教程为你收集整理的jquery – slideToggle()导致“跳”全部内容,希望文章能够帮你解决jquery – slideToggle()导致“跳”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。