Плагин jQuery не работает в модальном - PullRequest
Новая
       36

Плагин jQuery не работает в модальном

1 голос
/ 10 июня 2009

Я использую это в модальном режиме: http://www.web2media.net/laktek/2008/10/27/really-simple-color-picker-in-jquery/, но это не работает. Тот же код: 

//Start of document Ready which contains event handlers
$(document).ready(function() {

    $('#ForeColor').colorPicker();
});

<input type="text" value="#333399" id="ForeColor" class="colourPicker" />

прекрасно работает на обычной странице, но как только я загружаю ее в jQuery UI Modal (содержимое которой происходит из частичного представления ASP.Net MVC), она ломается! Он выполняет некоторую работу, т. Е. Переформатирует текстовое поле, чтобы показать текущий цвет, но нажатие на него не приводит к появлению селектора!

Я подозреваю, что это проблема с использованием jQuery внутри модалов ..

Есть идеи?

1 Ответ

3 голосов
/ 11 июня 2009

Хорошо, разобрался, довольно глупо на самом деле!

По сути, когда вы загружаете модал, он явно находится на той же странице, и для отображения над другими элементами модальный интерфейс jQuery UI имеет z-индекс 1002!

В результате любые элементы на вашей странице, включая множество всплывающих элементов jQuery, будут отображаться под модальными и, следовательно, будут не работать. Просто добавьте более высокий z-индекс (1003+) в палитру цветов или другой стиль jQuery popup css.

Для того, кого я связал с div, мне нужно было добавить: 

div#color_selector 
{
   //other stuff
   z-index: 1120; 
}

Надеюсь, это поможет кому-то еще.

...