Javascript jQuery模式窗口在internet explorer中不工作
我有一个旧网站,它已经被两个网站所取代,并着手制作一个模式窗口来引导人们找到正确的网站 我只能在旧网站上提供HTML文件,而且HTML的结构不是很统一。我决定在文档的开头添加一点jQuery,在页面中添加一个模式窗口,为人们提供指向新站点的链接 这一切在Linux和Mac上的Chrome、Safari和Firefox上都可以正常工作,但在PC上的internet explorer上进行测试时,它看起来完全错误,根本不起作用。我已经打开了控制台,没有收到任何错误Javascript jQuery模式窗口在internet explorer中不工作,javascript,jquery,internet-explorer,modal-dialog,Javascript,Jquery,Internet Explorer,Modal Dialog,我有一个旧网站,它已经被两个网站所取代,并着手制作一个模式窗口来引导人们找到正确的网站 我只能在旧网站上提供HTML文件,而且HTML的结构不是很统一。我决定在文档的开头添加一点jQuery,在页面中添加一个模式窗口,为人们提供指向新站点的链接 这一切在Linux和Mac上的Chrome、Safari和Firefox上都可以正常工作,但在PC上的internet explorer上进行测试时,它看起来完全错误,根本不起作用。我已经打开了控制台,没有收到任何错误 $(function(){
$(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)
})
$(函数(){
var=function(){
//window.location=window.location
变量$m=$('.modal')
$m.eq(0).衰减()
$m.hide(‘慢’)
}
$('body')。追加(
$(“”).css({
位置:'固定',
宽度:“100%”,
高度:“100%”,
背景颜色:“#000”,
不透明度:.8,
排名:0,
左:0
}))。单击(消失)。在($(“”)之后。css({
位置:'固定',
宽度:600,
//身高:300,
背景颜色:“#FFE”,
边界半径:10,
边框:“5px实心#005400”,
前几名:“10%”,
左:50%,
边缘左侧:-300,
填充:“1em”,
fontFamily:“投石机ms,无衬线”
}).html(“请注意\
本网站上的信息是出于历史目的而保存的。
\
自2009年以来一直未更新。
\
然而,Tesfa社区旅游业继续蓬勃发展。
\
有关最新信息\
\
\
\
\
"))
$('#close').css({fontSize:'12px'}).live('click',demove);
$('table table').eq(1).html(myString)
})
任何关于此失败原因的想法都非常感谢。尝试在CSS中使用此选项,然后告诉我--
这通常发生在IE中,当您忘记一个小字符时,例如逗号
(,)
或分号(;)
或大括号({})
。无论您在上面的代码中写了什么,我已经检查过了,这是正确的,但在其他一些情况下,您必须检查所有函数
我也遇到过这种类型的问题,我错过了一个函数中的。在我看来,让我们进行如下检查:
$('#close').css({fontSize:'12px'}).live('click',disappear);
$('table table').eq(1).html(myString)
});
我在最后加了一个分号。谢谢你的建议,但我确信这不是问题所在。淡出操作正常,但灰色表的位置错误,第二个div没有追加。实际上,我认为jQuery在幕后做了您建议的事情(在检测到浏览器后使用一种或另一种方法)。无论如何,谢谢。这可能是对的——但是我从现有页面继承了太多不好的代码——只需将内容复制出来并从头开始就会更容易——所以我永远无法确定。
$('#close').css({fontSize:'12px'}).live('click',disappear);
$('table table').eq(1).html(myString)
});