jquery - 如何查看哪些对象与 DOM 元素关联

Question

作为一个快速概述，我正在尝试将 fancybox 应用于通过 ajax 拉入的元素。

我目前使用此代码来应用 jQuery UI 的日历小部件，以将其应用到新内容。

$('.date').live('focusin', function() {
            var $this = $(this);
            if(!$this.is(':data(datepicker)')) {
                //this will attach a datepicker control & datepicker will immediately fire
                $this.datepicker();
            }
        });

我明白这是在做什么，当鼠标悬停时，它会检查日期选择器对象是否应用于该元素，如果没有应用它，然后触发它。

我不确定的是，虽然 jQuery UI 的 datepicker 使用标识符“datepicker”，但我不确定 fancybox 会使用什么。

我很确定我记得有一种方法可以查看哪些对象应用于 Firebug 中的哪些 dom 元素，但我似乎找不到它。

有人知道如何找到标识符吗？

Answer 1

您可以使用名为 FireQuery 的 Firefox/Firebug 插件.

它显示了 Firebug 的 HTML 面板中绑定(bind)到 DOM 元素的任何 JavaScript 对象。

我不知道 Chrome 开发工具是否有类似的功能。

更新:我切换到 Chrome 作为主要开发浏览器，并且有一个名为 jQuery Debugger 的扩展程序它在显示 jQuery 数据和事件方面做得非常出色。