容器持有选取框动画的问题 - jquery答案

【问题标题】：Issue with container holding marquee animation - jquery容器持有选取框动画的问题 - jquery
【发布时间】：2014-01-17 22:11:59
【问题描述】：

我遇到了一个与容纳选取框的容器有关的问题，我不确定是什么原因造成的。

本质上，容器拉伸得太远了，导致动画以极快的速度闪过（因为动画占了宽度）。

我不想说明选取框的宽度，因为我希望容器可以拉伸到它的同级宽度。

我创建了一个小提琴来显示正在发生的事情。在小提琴中，我已经包含了我自己网页中包含的确切 html。

我认为其他元素之一的 css 存在问题，但是什么？是什么导致容器拉伸到极端长度？

FIDDLE: http://jsfiddle.net/uz9pG/

【问题讨论】：

【解决方案1】：

表格、流体宽度和溢出隐藏的技巧并不能很好地配合。您要么需要更改代码以使用不同的标记结构，要么在 <td> 中包含 div 的一个上设置固定宽度。

此外，您的 JS 与标记中的数据属性的设置存在冲突。 <div data-duration="2000" data-direction="right" class="marquee">

这是一个工作版本。 http://jsfiddle.net/uz9pG/2/ 选取框开始需要一秒钟。你需要调整你的保证金代码来解决这个问题。这个完全删除了表格，但如果适合您的设计，您可以轻松地将固定宽度添加到您的 .module_content div 之类的东西上。

.module_content {
    width: 400px;
    overflow: hidden;
}

【讨论】：

我认为我们仍然缺少一些东西。我已经尝试过其他不这样做的 jquery 插件。不幸的是，设置固定宽度不是一种选择。滑块需要跨越可用宽度（但不能超过该宽度）。从等式中删除表格确实解决了这个问题。但是如何在不删除表格中的选取框 div 的情况下删除表格（使用 jquery）？感谢您的支持。