При клике по ссылке в сплывающем папапе, появляется модальное окно Bootstrap 3. На одной странице много таких папапов с ссылкой. Во всех браузерах кроме IE все работает как надо, но в IE сначала появляется та страница, которая должна быть, но через какое мгновение как будто из кеша подгружается странница, которая была открыта первой в модальном окне. Что я делаю не так? Что я мог упустить?
И еще вопрос. В сплывающем окне есть скрипт JS галереи. Пока я их подключаю на странице модального окна те куда обращается при клике по ссылке. На сколько правилен такой подход и как поступают в таких случаях?
var rsrGroups = [path_ag, path_ah, path_aj, path_ak, path_al, path_am, path_ao, path_ap, path_aq, path_ar, path_ca, path_cb];
path_ag.data("room", "201").attr('cursor', 'pointer');
path_ah.data("room", "212").attr('cursor', 'pointer');
path_aj.data("room", "218").attr('cursor', 'pointer');
path_ak.data("room", "219").attr('cursor', 'pointer');
path_al.data("room", "202").attr('cursor', 'pointer');
path_am.data("room", "215").attr('cursor', 'pointer');
path_ao.data("room", "205").attr('cursor', 'pointer');
path_ap.data("room", "204").attr('cursor', 'pointer');
path_aq.data("room", "214").attr('cursor', 'pointer');
path_ar.data("room", "213").attr('cursor', 'pointer');
path_ca.data("room", "216").attr('cursor', 'pointer');
path_cb.data("room", "203").attr('cursor', 'pointer');
var number = $('.ofice .ofice_status>em').map(function() {
return $(this).html();
});
var number_js = [];
for (var p = 0, len = number.length; p < len; p++) {
if (number[p] == 'Свободен') {
number_js[p] = $('.ofice:eq(' + p + ')>.ofice_number>strong').map(function() {
return $(this).html();
})[0];
for (var i = 0, len = rsrGroups.length; i < len; i++) {
if (number_js[p] == rsrGroups[i].data("room")) {
rsrGroups[i].attr('fill', '#F4DA6C');
}
}
}
}
$('.ofice').prepend('<div>Офис</div>');
$('.ofice_number').after('<div>.............................</div>');
arr = new Array();
for (var i = 0, len = rsrGroups.length; i < len; i++) {
var el = rsrGroups[i];
el.mouseover(function() {
var point = this.getBBox(0);
$('#ofices').next('.point').remove();
$('#ofices').after($('<div />').addClass('point'));
$('.point')
.css({
left: point.x + (point.width / 2) - -300,
top: point.y + (point.height / 2) - 800
})
.fadeIn();
$('.data_' + this.data('room') + '').clone()
.css('display', 'block').addClass('dopclass')
.appendTo(".point");
// $('.point .are-us,.point .price,.point hr').css('display', 'block');
$('.point .ofice_number').next().css('display', 'none');
$('.point .ofice_number').prev().css('color', '#6e594c');
var room_this=this.data('room');
$('.btn').click(function() {
// $(this).css('display','none');
$('.point').css('display', 'none');
$.ajax({
url: '/'+room_this+'-2/',
cache: false,
type: "POST",
beforeSend: function() {
$('.ddd').html('Please wait...');
},
success: function(html) {
$('.ddd').html(html);
}
});
});
});
$('#ofices').mouseout(function() {
setTimeout(function() {
$('.point').css('display', 'none');
return false;
}, 1000000);
});
}