JQuery DatePicker появляется позади всплывающего окна - PullRequest
1 голос
/ 17 августа 2010

Я использую два разных плагина jQuery, которые пытаюсь объединить. Сначала я использую всплывающий плагин из http://fancybox.net/home.. Когда всплывающее окно показывает, мне нужно иметь текстовое поле с указателем даты внутри всплывающего окна. DatePicker из пользовательского интерфейса jQuery. Проблема в том, что указатель даты всегда отображается за всплывающим окном, поэтому невозможно выбрать дату. Это то, что я могу изменить каким-то образом?

Мой код:

<html>
    <a id="inline" href="#data">Open popup</a>

    <div style="display:none"><div id="data">
        <input id="datepicker" type="text">
    </div></div>
</html>

<script type="text/javascript">
    $(document).ready(function() {
        $("a#inline").fancybox();
        $("#datepicker").datepicker();
    });
</script>

Ответы [ 3 ]

12 голосов
/ 17 августа 2010

Вам нужно установить z-индекс указателя даты выше, чем у fancybox.Z-индекс fancybox равен 1101, просто установите указатель даты на 1102 или что-то выше, и он должен вывести указатель даты на передний план.

2 голосов
/ 27 января 2014

использовать CSS - .datepicker{ z-index: 999999; }

1 голос
/ 28 декабря 2015

.fancybox-inner {переполнение: видимый! Важный;}

это работает для меня

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