我有一个旧网站,已被两个网站取代,并着手制作一个模式窗口来引导人们访问正确的网站。
我只能在旧网站上提供 HTML 文件,而且 HTML 的结构不是很统一。我决定在文档的头部添加一些 jQuery,它在页面中添加了一个模式窗口,为人们提供到新站点的链接。
这一切都可以在 Linux 和 Mac 上的 Chrome、Safari 和 Firefox 上正常运行,但是在 PC 上的 Internet Explorer 上进行测试时,它看起来完全错误,并且根本不起作用。我打开了控制台,没有错误。
$(function(){
var disappear = function(){
// window.location = window.location
var $m = $('.modal')
$m.eq(0).fadeOut()
$m.hide('slow')
}
$('body').append(
$("<div class='modal'>").css({
position: 'fixed',
width: '100%',
height: '100%',
backgroundColor: '#000',
opacity: .8,
top: 0,
left: 0
})).click(disappear).after($("<div class='modal'>").css({
position: 'fixed',
width: 600,
// height: 300,
backgroundColor: '#FFE',
borderRadius: 10,
border: "5px solid #005400",
top: '10%',
left: '50%',
marginLeft: -300,
padding: '1em',
fontFamily: 'trebuchet ms, sans-serif'
}).html("<h2>Please be advised</h2><p>\
The information on this website is maintained for historical purposes.<br>\
It has not been updated since 2009.<br>\
However, Tesfa Community Tourism continues to thrive.<br>\
<h3>For up to date information...</h3>\
<a href='http://tesfatours.com/?from=cbtcom' class='button green'>Book with Tesfa Tours</a>\
<a href='http://community-tourism-ethiopia.org/?from=cbtcom' class='button sand'>Community website</a>\
<a href='#' id='close' class='button'>Continue to archive site</a>\
</p>\
"))
$('#close').css({fontSize:'12px'}).live('click',disappear);
$('table table').eq(1).html(myString)
})
任何关于为什么失败的想法都值得赞赏。