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

Question

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

有关如何提高以下代码效率的任何建议？

<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 option接受一个jQuery对象（在文档中称为jQuery DOM数组），因此不需要为每个对象抓取HTML。 但是，如果你仍然绑定大量这些（数百或更多）性能仍然可能不是你在旧浏览器中所追求的。