jQuery blockUI снимает все отмеченные флажки
Я использую ASP.NET checkboxlist control. На странице у меня есть гиперссылка. При его нажатии плагин blockUI отображает div, который содержит элемент управления списка флажков.
Состояние флажков всегда не проверяется при повторном вызове blockUI. Флажки всегда сняты, даже если они были проверены ранее на странице.
$("#multipleIA a:contains('multiple IA')").click(function () {
if($("#IACodes select option").size() > 0)
{
$.blockUI({
message: $('#chkgrpIA'),
css: { width:'240px', cursor: 'auto', backgroundColor: '#F2F2F2' }
});
$('.blockOverlay').click($.unblockUI);
}
});
$('#btnDone').click($.unblockUI);
1 ответ
После некоторых исследований и пробных подключений jQuery я обнаружил проблему. Для создания модального всплывающего окна события фонового содержимого отключены. Из-за чего изменения флажка не сохраняются в DOM.
Simplemodal, BlockUI и JQuery UI Dialog не сохраняют изменения флажка между вызовами модального окна.
Одним из решений является использование плагина jQuery cookie для ручного сохранения изменений. Модальная коробка + флажок + печенье
Также кажется, что открытие диалога немодальным способом работает довольно хорошо.