点点即使未截断也添加省略号

我使用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>

jQuery的:

$(".product-description.dotdotdot").dotdotdot({
    watch: true
});

我的product-description dotdotdot的最小高度为100px，文本的末尾有省略号，但文本并未被截断，并且仍有大量可用空间。

感谢您的帮助

最佳答案

我已经下载了dotdotdot并遵循了README.md，并且工作正常($(window).resize除外)。

您可能需要提供更多上下文信息:

您是否以正确的顺序将所有必要的.js文件包括在标记的<head>中？

是将jQuery包裹在$(document).ready(function() { 中吗？脚本 });

我还没有深入研究dotdotdot脚本。我的射击正是使用以下脚本进行的:

$(document).ready(function() {
    $(".wrapper").dotdotdot({
        // configuration goes here
    });
});

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

希望这对您有帮助