dotdotdot即使没有被截断也会添加省略号

Lee*_*521 6 dotdotdot

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

<div class="product-description dotdotdot" style="word-wrap: break-word;">
    <div class="product-description-icon">
        <span>
            <img src="product_gloves.png" alt="Gloves">
        </span>
    </div>
    <h4>Gloves</h4>
    <p>Some gloves text...</p>
</div>
Run Code Online (Sandbox Code Playgroud)

jQuery:

$(".product-description.dotdotdot").dotdotdot({
    watch: true
});
Run Code Online (Sandbox Code Playgroud)

product-description dotdotdot的最小高度为100px,文本末尾有省略号,但文本没有截断,仍然有很多可用空间.

谢谢您的帮助

dan*_*Mad 1

我已经下载了 dotdotdot 并按照 README.md 进行操作,它工作正常(除了$(window).resize)。

您可能需要为您的问题提供更多背景信息:

  • 您是否以正确的顺序将所有必要的.js文件包含在标记中?<head>
  • 你的 jQuery 是否包含在$(document).ready(function() { 你的脚本中 });

我还没有深入研究 dotdotdot 脚本。我的正是使用这个脚本来触发的:

$(document).ready(function() {
    $(".wrapper").dotdotdot({
        // configuration goes here
    });
});
Run Code Online (Sandbox Code Playgroud)

乍一看,我想知道您选择的类名是否.dotdotdot可能会引起问题。也许重命名您的类以读取.product-description-wrapper并运行该类上的脚本。

希望这对您有帮助