Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery下拉菜单--是否悬停以查看其他类?_Jquery - Fatal编程技术网

jQuery下拉菜单--是否悬停以查看其他类?

jQuery下拉菜单--是否悬停以查看其他类?,jquery,Jquery,这是我对一个简单的下拉式esq菜单的jquery。不过我有点麻烦。我希望当用户悬停在.main菜单上时向下滑动的div在悬停在.main子菜单div上时也保持向下 救命!:) $(函数(){ var tabContainers=$('div.subMenu>div'); tabContainers.hide(); $('.mainMenuDiv a')。悬停( 函数(){ tabContainers.filter(this.hash).stop(true,true.slideDown(); },

这是我对一个简单的下拉式esq菜单的jquery。不过我有点麻烦。我希望当用户悬停在.main菜单上时向下滑动的div在悬停在.main子菜单div上时也保持向下

救命!:)

$(函数(){
var tabContainers=$('div.subMenu>div');
tabContainers.hide();
$('.mainMenuDiv a')。悬停(
函数(){
tabContainers.filter(this.hash).stop(true,true.slideDown();
},
函数(){
tabContainers.filter(this.hash).stop(true,true.slideUp();
});
});
我是新来的
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡


我知道HTML不是很好…但这是我必须处理的…

我不确定我是否正确理解您的意思,但您可以使用简单的逗号将选择器链接在一起

因此,也许这会奏效

$('.mainMenuDiv a, div.subMenu > div').hover(

如果我遗漏了什么,也请发布你的HTML代码

我不确定我是否理解正确,但您可以使用一个简单的逗号将选择器链接在一起

因此,也许这会奏效

$('.mainMenuDiv a, div.subMenu > div').hover(

如果我遗漏了什么,也请发布你的HTML代码

如果我理解正确,我认为您只需要使用
鼠标悬停
事件,而不是
悬停
,例如:

$(function () {
        var tabContainers = $('div.subMenu > div');
        tabContainers.hide();

        $('.mainMenuDiv a').mouseover(function() {

            //hide all the containers
            tabContainers.slideUp();

            //slide this one down
            tabContainers.filter(this.hash).stop(true, true).slideDown();
        });

        //slide up the container when the mouse is over anything else
        $('body :not("div.subMenu > div, .mainMenu a")').mouseover(function() {
            tabContainers.slideUp();
        });
});

现在,“当前”一个将保持打开状态,直到鼠标点击另一个链接。

如果我理解正确,我认为您只需要使用
鼠标悬停
事件,而不是
悬停
,例如:

$(function () {
        var tabContainers = $('div.subMenu > div');
        tabContainers.hide();

        $('.mainMenuDiv a').mouseover(function() {

            //hide all the containers
            tabContainers.slideUp();

            //slide this one down
            tabContainers.filter(this.hash).stop(true, true).slideDown();
        });

        //slide up the container when the mouse is over anything else
        $('body :not("div.subMenu > div, .mainMenu a")').mouseover(function() {
            tabContainers.slideUp();
        });
});

现在,“当前”链接将保持打开状态,直到鼠标点击另一个链接。

您也可以发布HTML吗?您也可以发布HTML吗?这几乎是完美的。当链接或.子菜单以外的内容悬停在上方时,如何使它们接近?(基本上是一只老鼠?@Kevin Brown-请看我的编辑,应该可以。或者,您可以在第二个鼠标悬停的选择器中使用“html”而不是“body”。希望这能解决问题。就快到了!除非我将鼠标从菜单快速移动到子菜单,否则子菜单不会保持向下。可能是因为这些表:(…一个短超时函数可以解决这个问题吗?或者可能是hoverIntent插件?我的客户希望我保留这些表,所以我必须这样做。这几乎是完美的。当链接或.subMenu以外的东西悬停在上面时,我该如何使它们关闭?(基本上是鼠标移出?)@凯文·布朗-请看我的编辑,应该可以。或者,你可以在第二个鼠标上方的选择器中使用“html”而不是“body”。希望能解决这个问题。差不多了!除非我将鼠标从菜单快速移动到子菜单,否则子菜单不会保持关闭状态。可能是因为表格:(…短超时函数能解决这个问题吗?或者hoverIntent插件能解决这个问题吗?我的客户希望我保留这些表,所以我必须让它工作。