Пользовательский интерфейс jQuery работает в Firefox, но не в Chrome и Safari? - PullRequest
Новая
       22

Пользовательский интерфейс jQuery работает в Firefox, но не в Chrome и Safari?

1 голос
/ 16 августа 2010

Я использую пользовательский интерфейс jQuery, в частности 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 вещи должны работать в этих браузерах?Что может заставить их не работать?Спасибо за чтение.

Ответы [ 3 ]

2 голосов
/ 16 августа 2010

Убедитесь, что у вас также есть скрипт jquery-min.js.Если вы щелкнете правой кнопкой мыши по своей странице в Chrome и выберете инспектора, вы увидите ошибки, которые происходят.Следующее должно работать (все, что я сделал, это добавил jquery-min.js и позволил javascript загружаться в конце, после добавления DOM) 

<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>
1 голос
/ 17 июля 2012

Используйте 

<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>
1 голос
/ 16 августа 2010

Я использую оба из них, и они работают во всех современных браузерах.

Обратите внимание, что в вашем методе datepicker есть запятая, она должна быть 

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

Посмотрите, как это работает здесь .

Что касается автозаполнения, настройка выглядит хорошо для меня. Используете ли вы какие-либо другие платформы JS? Если у вас есть живая страница, я могу помочь вам в дальнейшем.

M

...