将 div 上的 j.truncate 与 div P 标签上的动画 marginLeft 结合起来 jQuery

Posted 2023-05-08

【中文标题】将 div 上的 j.truncate 与 div P 标签上的动画 marginLeft 结合起来 jQuery

【英文标题】：Combining j.truncate on a div with animate marginLeft on div P tags jQuery

【发布时间】：2012-02-06 08:23:53

【问题描述】：

我试图在 div 中的文本上使用动画 marginLeft，它本身是由 j.truncate 动画的，但它似乎不起作用。

J truncate 对我来说工作得很好，我的动画边距也是如此，但结合起来，它们还没有工作。

有什么答案吗？

这里是 j.truncate http://jsfiddle.net/cress/QLgqe/19/（使用了不同的文本）

这是动画本身http://jsfiddle.net/cress/pZ6aL/2/

这是 j.truncate 和 animate http://jsfiddle.net/cress/mGnvu/10/ 的组合

【参考方案1】：

您的第一个问题是一些小的语法错误，我在下面的小提琴中为您修复了这些错误。

第二个是您的 DOM 已更改——jTruncate 插件修改了它所作用的 DIV，因此选择器 $('#works > p') 不再起作用。将其更改为 $('#works p') 可以解决问题，但可能并不总是足够具体；将其更改为 $('#works span.truncate_more > p') 解决了所有问题。

http://jsfiddle.net/mblase75/mGnvu/12/

【讨论】：

是的，我在第 124 行看到了预期的 ''，但不知道该怎么做！

非常感谢！我不知道这个插件会这样做，非常恼火。编码可能相当复杂。我应该更多地了解 span.truncate_more 的工作原理。

使用 Firebug for Firefox 或 IE、Chrome 或 Safari 附带的内置调试工具可以帮助您解决此类情况。通过检查 DOM 元素，您可以查看浏览器看到的内容，并在未来推断出类似的问题。