Question

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

 Uncaught TypeError: Cannot set property 'display' of undefined

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

错误来自j-query-1.4.2中的一行（如chrome控制台中所示）

其他人遇到类似问题？

基本上，我使用的是一个出现在Modal Dailog中的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什么都没找到。如果它还有一个“length”属性，以及名为number（“0”，“1”等）的属性，那么它会找到一些东西（或多个东西）。

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

Answer 2

有些浏览器对于在理论上不支持它们的元素上设置属性非常挑剔。喜欢IE不喜欢设置可见性。我的猜测是你试图将jquery与错误的标签联系起来。但仍然 - 给出一个代码。

Answer 3

我认为在其“id”属性的值为“inputs”的父容器中没有名为“dateField”的INPUT字段（对于属性“name”）。或者，父容器元素未使用其正确的“id”属性值定义。

希望它有所帮助。

Chrome的JQuery问题

3 个答案: