Jquery <;部门>;图层停止图像幻灯片放映

Jquery <;部门>;图层停止图像幻灯片放映,jquery,Jquery,我有下面的代码,它可以正常工作,但当页面加载,图像幻灯片停止。如果我删除了代码,幻灯片就会显示出来。请告诉我哪里出了问题 <div id="darken" class="darkenB"></div> <div id="popup_box"> <div id="container">Airport Notam</div> <h1><div align="left"></div><

我有下面的代码,它可以正常工作,但当页面加载,图像幻灯片停止。如果我删除了代码,幻灯片就会显示出来。请告诉我哪里出了问题

<div id="darken" class="darkenB"></div>
<div id="popup_box">
    <div id="container">Airport Notam</div>
    <h1><div align="left"></div></h1>
    <a id="popupBoxClose">Close Notam</a>   
</div>

诺坦机场
关闭Notam
样式:

<style type="text/css">

#popup_box {
    display:none; 
    position:fixed;  
    _position:absolute;   
    width:700px; 
    overflow:auto; 
    background:#FFFFFF;
    z-index: 100;
    border:5px solid #ff0000;      
    padding:15px;  
    font-size:8px;  
    border-radius:25px;
}

#container {
    width:100%;
    height:100%;
    background: #ff0000;
    color: #ffffff;
    font-size: 15px;
    text-align:center;
}

a{ cursor: pointer; text-decoration:none; }

#popupBoxClose {
    font-size:10px;  
    line-height:15px;  
    right:20px;  
    bottom:5px;  
    position:absolute;  
    color:#ff0000;  
    font-weight:500;      
}

.darkenB {
    display:none;
    background-color: rgb(0, 0, 0);
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity:0.70: /* FireFox */
    filter: alpha(opacity=70); /* IE */
    z-index: 99;
    height: 100%;
    width: 100%;
    background-repeat:repeat;
    position:fixed;
    top: 0px;
    left: 0px;
}
</style>    

#弹出框{
显示:无;
位置:固定;
_位置:绝对位置;
宽度:700px;
溢出:自动;
背景:#FFFFFF;
z指数:100;
边框:5px实心#ff0000;
填充:15px;
字号:8px;
边界半径:25px;
}
#容器{
宽度:100%;
身高:100%;
背景:#ff0000;
颜色:#ffffff;
字体大小:15px;
文本对齐:居中;
}
{光标:指针;文本装饰:无;}
#popupBoxClose{
字体大小:10px;
线高:15px;
右:20px;
底部:5px;
位置:绝对位置;
颜色:#ff0000;
字号:500;
}
darkenB先生{
显示:无;
背景色:rgb(0,0,0);
不透明度:0.7;/*Safari,Opera*/
-moz不透明度:0.70:/*FireFox*/
过滤器:alpha(不透明度=70);/*IE*/
z指数:99;
身高:100%;
宽度:100%;
背景重复:重复;
位置:固定;
顶部:0px;
左:0px;
}
jQuery:

$(文档).ready(函数(){
//加载站点时,首先加载popubox
loadPopuBox();
$('popuboxclose')。单击(函数(){
unloadPopupBox();
});
$(“#容器”)。单击(函数(){
unloadPopupBox();
});
函数unloadPopupBox(){//以卸载PopuBox
$('弹出框').fadeOut(“慢”);
$(“#变暗”).fadeOut(“缓慢”);
$('#container').css({//这只是用于样式
“不透明度”:“0.3”
});
}   
函数loadPopuBox(){//以加载PopuBox
$('暗').fadeIn(“慢”);
$('弹出框').fadeIn(“慢”);
$(“#弹出框”).center();
$('#container').css({//这只是用于样式
“不透明度”:“1”
});        
}       
});
jQuery.fn.center=函数(){
this.css(“top”,Math.max(0,($(window).height()-$(this.outerHeight())/2)+$(window.scrollTop())+“px”);
css(“left”,Math.max(0,($(window.width()-$(this.outerWidth())/2)+$(window.scrollLeft())+“px”);
归还这个;
}  

页面中的全部代码。取出“页面中的全部代码”,然后一点一点地放回去,检查是否会破坏页面。然后,您可以向我们展示哪段代码破坏了它。可能是某些js错误阻止了工作,您是否在控制台中检查了js错误?如果我取出一段代码,整个代码将无法工作!你说如果你去掉密码幻灯片就可以了。所以把它拿出来,找出哪一部分坏了。如上所述,控制台中是否存在任何错误?
$(document).ready( function() {

    // When site loaded, load the Popupbox First
    loadPopupBox();

    $('#popupBoxClose').click( function() {           
        unloadPopupBox();

    });

    $('#container').click( function() {
        unloadPopupBox();
    });

    function unloadPopupBox() {    // TO Unload the Popupbox
        $('#popup_box').fadeOut("slow");
        $('#darken').fadeOut("slow");
        $('#container').css({ // this is just for style       
            "opacity": "0.3" 
        });
    }   

    function loadPopupBox() {    // To Load the Popupbox
        $('#darken').fadeIn("slow");
        $('#popup_box').fadeIn("slow");
        $('#popup_box').center();
        $('#container').css({ // this is just for style
            "opacity": "1" 
        });        
    }       
});

jQuery.fn.center = function () {

    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) +   $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
    return this;
}  

</script>