Question

我正在使用jQuery UI，特别是Datepicker和Autocomplete，如下所示：

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
$("#note_date").datepicker({ 
    maxDate: 0,
});

$("#note_name").autocomplete({
    source: ["1", "2"],
    select: function(event, ui) {
    }
});

它们在Firefox 3.6.8中运行良好，但在Google Chrome 5.0.375.126和Safari 5.0（6533.16）中完全不起作用。我认为jQuery UI的东西应该适用于这些浏览器？什么可能导致他们不工作？谢谢你的阅读。

Answer 1

确保你也有jquery-min.js脚本。如果您在Chrome中右键单击页面并选择检查器，您将看到正在发生的错误。以下应该可以工作（我所做的就是添加jquery-min.js并在添加DOM之后最后加载javascript）

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="note_date"></div>
<div id="note_name"></div>
<script>
$("#note_date").datepicker({ 
    maxDate: 0,
});

$("#note_name").autocomplete({
    source: ["1", "2"],
    select: function(event, ui) {
    }
});
</script>
</body>
</html>

Answer 2

我使用这两种方法，它们适用于所有现代浏览器。

请注意，您的 datepicker 方法中有一个逗号，它应该是

$("#note_date").datepicker({ 
    maxDate: 0 // no trailing comma
});

看到它正常工作here。

对于自动完成功能，设置对我来说很合适。你在使用任何其他JS框架吗？如果你有一个实况页面，我可能会进一步提供帮助。

中号

Answer 3

使用

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

而不是

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
</script>

jQuery UI在Firefox中运行，但不在Chrome＆amp;苹果浏览器？

3 个答案: