Question

这是我jsfiddle的链接。我有一个关于悬停效果的下拉导航栏。这个效果在我运行项目时只能工作一次。之后它再次运行它不起作用。是否必须对“框架和扩展”选项执行任何操作？我读了一些关于here的内容，但还没有清楚地理解它们之间的区别。这是我的js代码

function mainmenu(){
$("#bav .inner ul ul").css({display: "none"}); // Opera Fix
$("#bav .inner ul li").hover(function(){
    $(this).find('ul:first').css({visibility: "visible",display:"none"}).slideDown(400, 'backout');
    },function(){
    $(this).find('ul:first').css({visibility: "hidden"});
    });
}
$(document).ready(function() {
                       mainmenu();
        });

我正在选择onLoad“选项”。谁能告诉我为什么在运行代码后只能看到一次效果？

Answer 1

不确定为什么要在slideDown()中使用退出，但这会破坏代码..

$(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400); //<---removed backout here

working fiddle

Answer 2

请勿更改visibility和display。只需使用hide()和show()即可。并且您的slideDown参数无效。见http://jsfiddle.net/UyqFc/19/

$("#bav .inner ul ul").hide(); // Opera Fix
$("#bav .inner ul li").hover(function () {
    $(this).find('ul:first').slideDown();
}, function () {
    $(this).find('ul:first').hide();
});

jsfiddle只工作一次

2 个答案: