问题标签 [dotdotdot]

我正在使用 jQuery、Modernizr 和一些插件（jQuery.dotdotdot、MixItUp）设计一个网站。作为基础，我从 codyhouse 中选择了这项工作。因此，MixItUp 功能（过滤）效果很好，我没有任何问题。

当我想<img>用 a替换原件<div>并添加一些内容时，问题就来了。文本可能会溢出，所以我添加了 jQuery.dotdotdot 插件来很好地裁剪文本。因此，我添加了我的自定义 JavaScript 代码：

我猜这很简单。当我触发菜单时，所有框都正确对齐且整齐，但是当它折叠时，那些被 jQuery.dotdotdot 修剪的文本弄乱了所有网格。如何摆脱那些？

我在下面创建了一个带有一些示例数据的片段:-)

我有一个奇怪的问题，用 `dotdotdot1 指令很难重现：

但有时它在从服务器获取我的范围变量之前被调用，所以它的行为真的很奇怪......

而且我有想法必须使用超时...

但我该如何使用它？因为如果我设置

比它也以奇怪的方式工作......

我怎样才能正确设置指令的执行？

我重复了一堆要应用省略号的文本。我正在使用 jquery dotdotdot。 dotdotdot 文档

我做了一个简单的指令，看起来像

应用省略号可以正常工作，但是当有人单击我希望它展开的项目时。

我的 html 看起来像

testimonial-truncate 的 css 是

我的点击功能看起来像

似乎代码都被调用了，但即使删除了该类，文本仍被截断到最大高度。

我正在寻找一个解决方案，所以要么我如何获得我所做的工作，要么有更好的方法来做到这一点。

我正在使用 dotdotdot 似乎是一个很酷的插件......但是，我需要使用它的角度，如果加载了新元素（通过 http.get <> ng-repeat）则不起作用......

所以我发现有一个angular-dotdot ...如何使用它？不是很清楚...

假设我有 dotdotdot 的经典用法，如下所示：

如何与角度一起使用它？

在他们的文档中

模板：

但是如何设置选项？

我有这样的代码示例：

我使用这样的jQuery代码：

和CSS：

但结果我得到：

结果我想实现这个：

纯css或dotdotdot.js有可能吗？如果单词（句子）不能匹配它的父级：然后只显示默认的单行文本溢出如果单词（句子）能够逐字匹配父级 - 然后匹配它，没有字母连字符！

所以我不希望我的容器被高度扩展（我有很多数据，这只是一个例子，我无法对某些块进行硬编码）

https://plnkr.co/edit/IxS0CReJicRfDdeGpoPo?p=preview

我正在尝试在我的 MVC 项目中使用 dotdotdot 插件。我需要它在我的表中，我想将某些行限制为仅 3-4 行文本。此表中可能包含大文本（超过 25 个字符）的每一行和每一列都按以下方式分配一个类：

DisplayFor 是 HTMLHelper 类，它根据我的数据库中的模型提取数据。我使用的是 jQuery 1.8.1，所以我附上了脚本：

...并设置功能：

根据说明，这应该足够了。我的课的CSS：

当我加载页面时，溢出并没有隐藏，这让我相信脚本没有被触发。当我使用 IE 进行故障排除时，出现错误“对象不支持属性或方法 'dotdotdot''。在其他浏览器上，我没有收到任何错误，但没有任何反应。你能给我一些关于为什么会发生以及如何发生的想法吗？解决问题？提前致谢！

我使用 dotdotdot 截断高度指定框中的文本

jQuery :

我product-description dotdotdot的最小高度为 100px，文本末尾有省略号，但文本没有被截断，还有很多可用空间。

谢谢您的帮助

我正在尝试使用 dotdotdot 插件在第一个句号处截断文本。但是我不能让它工作。我试过word-wrap: break-word;了，但没有用。如何在第一个句号处截断文字？

我已经设置了这些选项：

我的例子

我正在使用dotdotdot插件来截断文本。

问题是，在速度较慢的设备上，我会得到一闪而过的未格式化输出——它会加载整个文本，并且仅在 dotdotdot 触发并将其切断后才加载。如果您想查看示例，只需在智能手机之类的设备上打开他们的网站- 在第一个示例块中，您会看到两个块都获得了全文，并且仅在片刻之后正确的块被切断。

我能做些什么来防止这种情况发生吗？

我遇到了一些奇怪的问题，希望我能在这里得到一些帮助。

我在锚标签中有一个多行文本，它被 span 包围，然后被 div 标签包围。我添加了插件 'dotdotdot' 以在此文本中添加省略号。它在 Firefox 中运行良好，但在 chrome 中它完全删除了锚标记。

这是我为测试创建的 jsfiddle 链接 https://jsfiddle.net/trupti11/0p7jf56m/6/

将输出窗口宽度调整为移动大小（大约 360 像素或更小），您可以看到文本消失。

可能是什么问题？

这是示例代码

html

Javascript

CSS

谢谢你的帮助。