我可以在 jquery 中的鼠标悬停时调用 qTip （或调用 qTip 的任何其他有效方式）

Question

我下面有这段代码，它工作正常，但似乎没有必要，因为它循环遍历所有 div.test，即使我从未将鼠标悬停在它们上。我尝试将 .qTip() 函数放入鼠标悬停事件中以提高效率，但这似乎不起作用。

关于如何使下面的代码更高效有什么建议吗？

<script type="text/javascript">
    $(document).ready(function () {

        $('div.test').each(function () {

            var tooltipHtml = $(this).next('.tooltip').html();
            $(this).qtip({
                content: {
                    text: tooltipHtml
                },
                style: { width: 450 }
            });
        });
    });

Answer 1

您可以像这样改进它：

$(function () {
    $('div.test').each(function () {
        $(this).qtip({
            content: $(this).next('.tooltip'),
            style: { width: 450 }
        });
    });
});

content 选项 采用一个 jQuery 对象（在文档中称为 jQuery DOM 数组），因此无需为每个对象抓取 HTML。 但是，如果您仍然绑定大量这些（数百个或更多），性能可能仍然达不到您在旧版浏览器中所追求的效果。