jquery - 使用 django-debug-toolbar 访问 $(document).ready() 内的 jquery 插件时出现问题

Question

我编写了自己的 jquery 插件，但令我惊讶的是我无法在 $(document).ready 函数中访问它。

我写了这个测试页并且更加惊讶:

//jQuery anchor plugin

(function ($) {
    $.anchor = {
        hashTrim: /^.*#/,
    }
})(jQuery);

console.log($.ajax);
console.log($.anchor);

$(function () {
    console.log($.ajax);
    console.log($.anchor);
});

我在 firebug 控制台中得到了 4 个完全不同的值。有人知道并可以描述我为什么会这样吗？主要问题 - 我如何访问 $(function() {} 内的 $.anchor 变量？？？

谢谢!

更新:

我刚刚发现了问题 - django-debug-toolbar。当我禁用它时，一切都变得很好!

有人知道如何在 jquery 和 django-debug-toolbar 之间建立友谊吗？

Answer 1

尝试

$.fn.anchor

刚刚测试了您的代码示例，两次结果是相同的。但总的来说，为了将来，扩展 $.fn 因为它扩展了 jQuery 对象原型(prototype)。当您仅执行 $.anchor 时，您只是扩展了该对象的实例。