Реализация удаления элемента через диалоговое окно
Привет, друзья!
Такое дело, есть список элементов, у каждого есть крестик. По нажатию на крестик всплывает диалоговое окно с вопросом, мол, "точно удалить?". По нажатию на "Да" диалоговое окно закрывается а элемент на котором был нажат крестик удаляется, если "Нет", то окно просто закрывается.
Реализую с помощью JQuery UI.
Вопрос такой: как можно отследить элемент в котором был нажат крестик во время выполнения обработчиков нажатия кнопок "Да" и "Нет", ведь this внутри них ссылается уже на само диалоговое окно?
Как видно в коде, я это сделал через предварительное добавление элементу класса alert, как метку для дальнейшего его отслеживания. Довольно стремно.
$('.delete-ico').click(function(){
$(this).addClass('alert');
$("#dialog-close").dialog({
modal: true,
buttons: {
'Да': function(){$('.ui-tabs-panel .alert').parents('.field').remove();$("#dialog-close").dialog('close')},
'Нет': function(){$('.ui-tabs-panel .alert').removeClass('alert'); $("#dialog-close").dialog('close')}
}
});
})
Подскажите, пожалуйста, как эффективнее и грамотнее реализовать мою задачу. Спасибо! |