Ошибка выдачи даты в jqueryui в коде, относящемся к zIndex

Question

Я разрабатываю страницу / приложение asp.net. Я создал текстовое поле, которое я установил как средство выбора даты, используя средство выбора даты из jqueryui. в Firefox и Chrome средство выбора даты не отображается. в IE9 средство выбора даты отображается, если я игнорирую ошибку. ошибка находится в строке 644 в jquery.ui.datepicker.js.

код, где выдается ошибка, здесь.

inst.dpDiv.zIndex($(input).zIndex()+1);

это сообщение, которое VS отображает при обнаружении ошибки

Ошибка времени выполнения Microsoft JScript: объект не поддерживает это свойство или метод

Я не уверен, что является причиной проблемы. Я искал проблемы zindex, и те, которые я нахожу, связаны с диалогом, появляющимся за другими элементами. у меня нет такого.

Answer 1

Добавить jquery.ui.core.js будет в порядке

Answer 2

У меня была та же проблема, и я исправил ее, убедившись, что у меня были самые последние ссылки на jQuery и jQuery UI.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

Answer 3

.zIndex () не является методом jQuery (ищите API jQuery, ничего там)

Вы должны использовать .css ('z-index', '100')

Также примечание:

При работе в ASP .NET я не использую знак $ для доступа к jQuery, который я использую

inst.dpDiv.zIndex(jQuery(input).zIndex()+1);

В зависимости от того, какую среду ASP .NET вы используете Win Forms, MVC и т. Д., Встроенный MSFT Ajax может конфликтовать с jQuery.

Answer 4

Используйте это:

$.zIndex = $.fn.zIndex = function (opt) {            
        var def = { inc: 10, group: "*" };
        $.extend(def, opt);
        var zmax = 0;
        $(def.group).each(function () {
            var cur = parseInt($(this).css('z-index'));
            zmax = cur > zmax ? cur : zmax;
        });
        if (!this.jquery)
            return zmax;

        return this.each(function () {
            zmax += def.inc;
            $(this).css("z-index", zmax);
        });
    }

Answer 5

Я включил (основные файлы),

        ui.css and ui.core.js files

Это работает для меня ..

Answer 6

Добавьте ссылку на скрипт (../Scripts/jquery.ui.core.js), он будет работать Обратитесь к библиотеке jquery.ui.core.js

Answer 7

Это мое решение:

//inst.dpDiv.zIndex(jQuery(input).zIndex()+1); //we don't need it anymore

$.zIndex = '30000'; // i set the zindex at the higher value

Answer 8

Аксель22 дал правильный ответ, чтобы решить эту проблему для меня.

Это потому, что сценарий jquery-ui-datepicker.js зависит от сценария jquery-ui-core.js.

Это ясно показано на странице Документация jQuery Datepicker , на вкладке «Обзор», справа есть список зависимостей.