jQuery Тема TimePicker не работает

Что я пропустил? Мой timepicker выглядит так, он не использует тему для timepicker.jQuery Тема TimePicker не работает

enter image description here

Внутри HTML файла:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<link type="text/css" href="css/jquery-ui-1.8.16.custom.css" /> 
<link type="text/css" href="css/jquery.ui.all.css" /> 
<style type="text/css"> 
    #ui-datepicker-div, .ui-datepicker{ font-size: 80%; } 
    .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } 
    .ui-timepicker-div dl { text-align: left; } 
    .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } 
    .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } 
    .ui-timepicker-div td { font-size: 90%; } 
    .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } 
</style> 
<script type="text/javascript" src="script/jquery-1.7.1.min.js" ></script> 
<script type="text/javascript" src="script/jquery-ui-1.8.16.custom.min.js" ></script> 
<script type="text/javascript" src="script/jquery-ui-timepicker-addon.js" ></script> 
<script type="text/javascript" src="script/jquery-ui-sliderAccess.js" ></script> 


<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#time").timepicker({ 
      addSliderAccess: true, 
      sliderAccessArgs: { touchonly: false } 
     }); 
    }); 
</script> 
</head> 

<body> 
    <input type="text" value="" id="time" /> 
</body> 
</html>

У меня есть неправильный порядок загрузки для JS-файлов?

enter image description here

Некоторые ссылки ссылку.

jsfiddle.net/MyNameIsCode/eb8Dz

Заранее спасибо!

источник

2012-01-25 fiberOptics

В теме, которую вы загрузили, есть название темы? Иногда тема CSS путь, возможно, потребуется включить это имя ... например, если название темы является «на заказ тему», это было бы так:

<link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" />

Если вы не уверены, что пути верны для ваших файлов CSS. Похоже, что часть CSS на самом деле не найдена с вашего первого снимка экрана.

EDIT:

Посмотрев на ссылки ниже, похоже, есть проблема с JQuery-UI тему CSS файл (., Что особенно Ясно тема CSS-файл) Это похоже на работу, если я изменить, что топ ссылки CSS на что-то вроде этого:

<link type="text/css" rel="stylesheet" href="http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css" />

Также обратите внимание: что ссылка CSS, казалось, нужны дополнительные:

rel="stylesheet"

там ... иначе он все еще не отображался бы правильно.

щ-воздушность тема не может быть то, что вы ищете ... но, я бы, вероятно, попытается вновь загрузив Ясно тему, чтобы увидеть, если это работает.

источник

2012-01-25 05:10:51 summea

Соединения верны. Пожалуйста, попробуйте этот образец, который я сделал, все еще существует здесь: http://jsfiddle.net/MyNameIsCode/eb8Dz/16/ – fiberOptics

альтернативная ссылка: http://jsfiddle.net/MyNameIsCode/eb8Dz/ – fiberOptics

Спасибо за ссылки; пожалуйста, прочитайте остальную часть моего ответа выше :) – summea

jQuery Тема TimePicker не работает

ответ

Смежные вопросы