如何查看与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();
            }
        });

我理解这是做什么的，鼠标悬停时检查是否将datepicker对象应用于元素，如果不应用它，然后触发它。

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

我很确定我记得有办法查看哪些对象应用于firebug中的dom元素，但我似乎无法找到它。

有谁知道如何找到标识符？

Answer 1

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

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

我不知道Chrome Dev Tools是否有类似的东西。

更新：我切换到Chrome作为主要开发浏览器，并且有一个名为jQuery Debugger的扩展程序，它可以显示jQuery数据和事件。