Проблема с получением тем для работы в jQueryUI с использованием размещенного в Google jquery-ui.js - PullRequest
Новая
       26

Проблема с получением тем для работы в jQueryUI с использованием размещенного в Google jquery-ui.js

7 голосов
/ 27 января 2009

Я новичок в jQueryUI и думаю, что пропускаю что-то очень простое ...

Краткое описание моей проблемы

Я использовал ThemeRoller для загрузки темы jQueryUI, которая также генерирует файл jQaseryUI jQueryUI. Я бы предпочел использовать файл, размещенный в Google (http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js), но когда я делаю это, тема не поднимается. Мне трудно поверить, что я должен использовать сценарий, сгенерированный ThemeRoller, потому что если бы это было так, то размещенный в Google jQueryUI был бы совершенно бесполезным! Что я тут не так делаю ??

Подробнее

Итак, я скачал тему "Smoothness" из Themeroller следующим образом:

  1. Перейти на сайт ThemeRoller .
  2. Нажмите кнопку «Галерея».
  3. Нажмите кнопку «Скачать» под темой «Гладкость».
  4. Извлеките файл .zip (используя имена папок) в локальный каталог (скажем, C:\jqueryui_test).

Теперь я создал очень простой файл test.html в том же каталоге, который имеет следующее содержимое: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link type="text/css" href="ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
  $("#datepicker").datepicker({inline: true});
});
</script>
</head>
<body>
<div id="datepicker"></div>
</body>
</html>

Когда я открываю test.html в своем браузере, компонент выбора даты не имеет стиля (без фоновых изображений или чего-либо еще). Но если я изменю строку jquery-ui.min.js, размещенную в Google, на строку, сгенерированную ThemeRoller (<script type="text/javascript" src="jquery.ui.all.js"></script>), страница будет оформлена в соответствии с ожиданиями.

Обновление Ответ, который я принял, на самом деле не был окончательным решением, но привел меня на правильный путь. Оказывается, если вы просто скачаете JQueryUI, вы получите много вещей. Файл, размещенный в Google, может просто заменить файл «jquery.ui.all.js», но вам все равно нужен каталог «themes». Кроме того, темы Themeroller не очень хорошо работают с 1.5.3 (даже с ссылкой «1.5.3 users»). Так как это было только для страницы администратора, я просто использовал встроенную тему "flora". Похоже, что jQuery UI 1.6 намного лучше, но пока не находится в "стабильном" выпуске (на момент написания этой статьи ...).

Ответы [ 3 ]

3 голосов
/ 27 января 2009

Реплицировал вашу настройку здесь. Themeroller предоставил вам jQuery UI 1.6rc5, тогда как версия Google, которую вы обновляете, похоже, другая версия (1.5.3?) .. Может ли это быть источником вашей проблемы?

0 голосов
/ 01 февраля 2009

Я подтвердил, что это ошибка или что-то в этом роде. Вы должны использовать версию jquery ui из свернутой папки с темой, а не версию API Google AJAX. Надеемся, что это будет решено, когда Google разместит новый пользовательский файл jquery.

0 голосов
/ 27 января 2009

У меня была похожая проблема на днях, когда я на мгновение потерял свой беспроводной сигнал. Вы уверены, что имели доступ к Google?

...