Как сделать, чтобы диалог jquery охватывал только пользовательский элемент управления, а не всю страницу ... какие-либо идеи?
Представьте, что у меня есть этот сценарий в пользовательском элементе управления (.ascx)
<script type="text/javascript">
$(document).ready(function () {
$("#popup").dialog({ closeOnEscape: false, draggable: false, modal: true,
resizable: false, closeText: 'hide' });
$.ajax({
type: "POST",
dataType: "xml",
contentType: "application/json; charset=utf-8",
url: "Service2.svc/DoWork",
data: "{}",
processdata: true, //True or False
success: function (response, textStatus, jqXHR) {
$("#popup").dialog('close');
},
error: function () {
$("#popup").dialog('close');
alert("error");
}
});
});
</script>
<div id="popup" style="display:none">
Loading contents...
</div>
Теперь проблема в том, что когда пользовательский элемент управления загружен, модал (оверлей) покрывает всю страницу.Я хочу, чтобы он охватывал только пользовательский элемент управления, чтобы пользователь по-прежнему мог взаимодействовать с другими элементами управления на странице.