Chrome 中的 JQuery 问题

Question

我有一个使用 JQuery 进行 ajax 调用的页面。在 Chrome 中查看该页面会在开发者控制台中显示以下错误:

 Uncaught TypeError: Cannot set property 'display' of undefined

虽然同一页面在 Firefox 3.6.6 中运行，但 Firebug 控制台中没有任何错误。

错误源自 j-query-1.4.2 中的一行(如 chrome 控制台所示)

还有其他人面临类似问题吗？

基本上，我使用的是显示在模态对话中的 DatePicker。

这是代码:

$(document).ready(function () {
$("#inputs input[name=dateField]").datepicker(
        {
            showOn: 'both',
            dateFormat:'dd/mm/yy HH:II TT',
            showButtonPanel: true, 
            maxDate: '+0D',
            buttonImage:'calendar.gif',
            buttonImageOnly: true,
        }
);
 });

Answer 1

我建议您开始在 Chrome 的开发者控制台中尝试您的代码行。在页面上打开开发人员工具(以便加载所有代码)并转到控制台选项卡。输入/粘贴到控制台:

$("#inputs input[name=dateField]")

看看是否返回一个具有长度的对象。如果返回的对象只有“context”、“selector”和“__ proto__”属性，jquery 找不到任何内容。如果它还有一个“长度”属性，以及名为数字的属性(“0”、“1”等)，那么它会找到某个东西(或多个东西)。

从那里，您可以尝试其他代码，看看 Chrome 会说什么。