系列元素中title属性的句点不能正确显示jQueryUI工具提示

Question

问题

我有一系列由jQuery UI创建的工具提示。出于测试的目的，我有几个带title=Lorem ipsum ...的div，但是当这个系列中最后一个元素的title属性包含一个句点时，它不会隐藏最后一个div，而是在页面底部显示标题，其中包含工具提示。

• 使用jQuery UI版本1.12.1

的index.html

            <div class="compare__score">
                <p class="score__title">Student-teacher ratio <i class="fa fa-question-circle tooltip" title="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam gravida molestie. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla facilisi. Cras tempor nisi ac ligula molestie commodo. Sed varius magna at justo rutrum, et faucibus sapien cursus" aria-hidden="true"></i></p>
                {% if district2.stud_teacher_ratio %}
                    <p class="score__number is-last">{{ district2.stud_teacher_ratio}}</p>
                {% else %}
                    <p class="score__number is-last">-</p>
                {% endif %}
            </div>