IE7のいくつかのスタイリングバグを修正しようとしています(サプライズ)。現在、iFrameのように、別のページからコンテンツをプルするjqueryajax呼び出しがあります。このコンテンツは、jQueryダイアログボックスに表示されます。
IE7がこのcssをかなり深くキャッシュしているため、これらの変更を行うことはできません。はい、ブラウザのキャッシュをクリアし、キャッシュを追加しました:ajax呼び出しのプロパティにfalse。無関係なdate()変数とgetTime()変数をURLに追加してみました。
function getDocAlert() {
var currentLoc = document.domain;
if ((currentLoc == "stuff.com") || (currentLoc == "junk.com")) {
loadPreview("derp/alerts.html");
} else {
loadPreview("herp/alerts.html");
}
$(".preview-link").click(function(event) {
event.preventDefault();
$('#dialog').dialog('open');
});
};
function loadPreview(url) {
url = url + '?cache' + new Date().getTime();
var dialog = $('<div style="display:none" class="loading"></div>').appendTo('body');
// open the dialog
dialog.dialog({
width: 850,
height: 600,
position: top,
// add a close listener to prevent adding multiple divs to the document
close: function(event, ui) {
// remove div with all data and events
dialog.remove();
},
modal: true,
buttons: {Close: function() {
$( this ).dialog( "close");
}}
});
var content = $.ajax({
url: url,
context: document.body,
cache: false,
dataType: 'html',
success: function(data) {
$('.loading').html(data);
}
});
return false;
}