JQuery DatePicker выходит за рамки CSS - PullRequest
Новая
       19

JQuery DatePicker выходит за рамки CSS

6 голосов
/ 04 ноября 2010

Я использую несколько тем пользовательского интерфейса на одной странице. Я создаю собственную тему с областью действия css, скажем, #scope. Я использую поле DatePicker в области, скажем, #scope input#datepicker. поле datepicker не получает css стилей из темы пользовательского интерфейса. Я предполагаю, что это потому, что он динамически создается за пределами #scope, как я могу изменить это, и как сделать это, чтобы получить стили из области.

Ответы [ 3 ]

4 голосов
/ 27 ноября 2011

Я решил эту проблему, добавив в код div-обертку. 

$(document).ready(function(){
    $("#ui-datepicker-div").wrap('<div class="ui-layout-center" />');
});
2 голосов
/ 06 октября 2011

@ bkilinc, вы правы. Календарь выбора даты добавляется в document.body вне вашей пользовательской области.

http://bugs.jqueryui.com/ticket/4591 http://bugs.jqueryui.com/ticket/4306

В структуре, подобной следующей, календарь находится вне области видимости контейнера. 

<style type="text/css">
    .calendarContainer .ui-datepicker {
        /* rule intended to affect only .calendarContainer */
    }
</style>
...
<body>
    <div class="calendarContainer"><input name="date"/></div>
    <div class="ui-datepicker"> (generated calendar)</div>
</body>
0 голосов
/ 12 февраля 2011

Я помню, что у меня была та же проблема, проверьте стиль, определенный в общем, например, span, он может перекрываться со стилями ui.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...