Это, вероятно, простой вопрос, но я не могу понять его. Я использую плагин blockui jquery, чтобы заблокировать пользовательский интерфейс во время перенаправления страницы. К сожалению, у меня есть две проблемы по этому поводу. Во-первых, это моя фотография, она не открывается, а во-вторых, прикрепляется какой-то белый нижний стиль, который я понятия не имею, как его отрезать? Пожалуйста, предложите свою помощь.
код:
function test() {
//close modal
$.ajax({ url: 'wait.php', cache: false });
}
$(document).ready(function () {
$('#details').click(function () {
$('#myModalTransportDetails').modal('hide');
$.blockUI({
message: '<div class="alert alert-info"><span class="glyphicon glyphicon-eye-open"></span> Opening transport images<img src="~/Images/logo/logo3.png" /></div>'
});
test();
});
модальное окно, в котором находится кнопка для этого действия:
<div id="myModalTransportDetails" class="modal fade" role="dialog" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">REGnr</h4>
</div>
<div class="modal-body" id="orderDetails">
<div class="form-horizontal">
<div class="form-group">
<label class="control-label col-sm-4">LP:</label>
<div class="col-sm-8">
<input type="text" class="form-control red-stripe" id="label1">
</div>
</div>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-4 text-left">Arrive date:</label>
<div class="col-sm-8">
<input type="text" class="form-control red-stripe" id="label3">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<a href="@Url.Action("Details", "GRTE", New With {.id = 1})" class="btn btn-primary" id="details">
Show pictures
<span class="glyphicon glyphicon-picture" aria-hidden="true"></span>
</a>
<button type="button" class="btn btn-warning glyphicon glyphicon-off" data-dismiss="modal"> Close</button>
</div>
</div>
</div>
</div>