2016-12-05 2 views
2

После добавления jQuery Mobile datepicker в наше приложение MVC он отлично работает, но не выглядит правильно (он прозрачен, значки отсутствуют, шрифты неверны и т. Д.).jQuery Mobile datepicker, не добавляющий все классы

Сравнивая это с демо на http://demos.jquerymobile.com/1.4.5/datepicker/, я вижу в отладчике, что некоторые из классов отсутствуют в нашей версии. Например, демонстрационная говорит

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-shadow"... 

я

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"... 

В этом случае, щ-тень отсутствует; то же самое верно для других элементов, например, кнопки имеют ui-state-default, но отсутствуют класс ui-btn, перед кнопками prev/next отсутствуют все, кроме «ui-datepicker-prev ui-corner-all», и так далее.

Datepicker инициализируется после $ (document) .ready с "$ ('. Datepicker'). Datepicker()".

Загруженные стили и скрипты (режим отладки)

<link href="/somePath/jq-mobile.1.4.5.css" rel="stylesheet"> 
<link href="/somePath/jquery.mobile.icons.css" rel="stylesheet"> 
<link rel="stylesheet" href="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.css"> 
<script src="/somePath/jquery-2.2.3.js"></script> 
<script src="/somePath/jquery-migrate-1.3.0.js"></script> 
<script src="/somePath/jquery.mobile-1.4.5.js"></script> 
<script src="http://cdn.rawgit.com/jquery/jquery-ui/1.10.4/ui/jquery.ui.datepicker.js"></script> 
<script id="mobile-datepicker" src="http://cdn.rawgit.com/arschmitz/jquery-mobile-datepicker-wrapper/v0.1.1/jquery.mobile.datepicker.js"></script> 

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

+0

Согласно ссылке [github] (https://github.com/arschmitz/jquery-mobile-datepicker-wrapper), вы должны вызывать методы с помощью .date() ', а не' .datepicker() '" ** Обратите внимание: этот виджет называется date not datepicker, поэтому при вызове методов вы должны использовать $ (element) .date ("method"); ** " – TheWandererr

+0

спасибо, вот и все! если вы опубликуете ответ, я помечаю его соответствующим образом – devlock

+0

уверен, что ^^ я сделаю это – TheWandererr

ответ

0

По ссылке github вы должны позвонить методам с помощью .date(), а не с .datepicker(), это может вам помочь.

"Пожалуйста, обратите внимание: этот виджет называется дата не Datepicker поэтому, когда методы, требующие вы должны использовать $ (элемент) .date (" метод ");" **

** В Нижняя часть README

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