Могу ли я вызвать qTip при наведении курсора в jquery (или любой другой эффективный способ вызова 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 принимает объект jQuery (в документации называемый массивом JQuery DOM), поэтомунет необходимости сканировать HTML для каждого из них. Но , если вы все еще привязываете большое количество этих (сотен или более) производительности, возможно, не то, что вам нужно в старых браузерах.