为什么这个 JavaScript 不起作用？

发布于 2024-10-01 15:05:31 字数 787 浏览 7 评论 0原文

我正在使用 jQuery 的 qTip 1.0.0-rc3 插件。而且，虽然这不是什么大问题，但我很好奇为什么这会起作用：

$(document).ready(function() {
    if (jQuery().qtip) {
        $('[data-qtip]').each(function() {
            var qTipContent = $(this).attr("data-qtip");
            $(this).qtip({ content: qTipContent });
        });
    }
});

而这确实不起作用：

$(document).ready(function() {
    addToolTips();
});

function addToolTips() {
    if (jQuery().qtip) {
        $('[data-qtip]').each(function() {
            var qTipContent = $(this).attr("data-qtip");
            $(this).qtip({ content: qTipContent });
        });
    }
};

前者是在函数内调用的，而后者则不是。这是来自 Firebug 的错误消息：

f(this).data("qtip") is null

我确信这是愚蠢的事情，但我错过了什么？

谢谢。

原文

I'm using the qTip 1.0.0-rc3 plugin for jQuery. And, although it's not a big deal, I am curious as to why this works:

$(document).ready(function() {
    if (jQuery().qtip) {
        $('[data-qtip]').each(function() {
            var qTipContent = $(this).attr("data-qtip");
            $(this).qtip({ content: qTipContent });
        });
    }
});

and this does not work:

$(document).ready(function() {
    addToolTips();
});

function addToolTips() {
    if (jQuery().qtip) {
        $('[data-qtip]').each(function() {
            var qTipContent = $(this).attr("data-qtip");
            $(this).qtip({ content: qTipContent });
        });
    }
};

The former is being invoked within a function and the latter is not. Here is the error message from Firebug: