我制作的网页上有一个子菜单,当您点击主菜单时会出现该子菜单。与此同时,我希望在激活子菜单时包含覆盖整个页面的透明背景,使其从背景页面中脱颖而出。
直到这一刻,一切似乎都很好,我已经在Dreamweaver预览中尝试了它并且它正常运行。我将其上传到服务器时会出现问题。菜单工作正常,但透明背景不会出现。
这是www.whitedogstudio.org网站,正如您在打开菜单时所看到的那样,应该会出现透明背景,使菜单更加醒目。
这是网站:http://www.whitedogstudio.org/
<script>
jQuery(document).ready(function($){
$(".menu").on("click", function(){
deactivateAll(this);
toggle(this);
});
function deactivateAll(current) {
$( "li" ).each(function( index, elem ){
if (elem != current && $(elem).hasClass("active")) {
toggle(elem);
}
});
}
function toggle(elem) {
$(elem).find("ul").toggle ("fast","linear");
$( "#transparencia" ).toggle();
$(elem).toggleClass("active");
}
});
</script>