Jquery 下拉菜单延迟不工作
我的下拉菜单需要延迟。我试图使用,但它不工作,找不到我的错误 我的CSS: 我的下拉列表:Jquery 下拉菜单延迟不工作,jquery,css,hover,Jquery,Css,Hover,我的下拉菜单需要延迟。我试图使用,但它不工作,找不到我的错误 我的CSS: 我的下拉列表: <div id="menu" class="menu"><ul><li class="first"><a href=index.php" title="Home" >Home</a></li> <li><a href="index.php?id=13" title="Verein" >Verein&l
<div id="menu" class="menu"><ul><li class="first"><a href=index.php" title="Home" >Home</a></li>
<li><a href="index.php?id=13" title="Verein" >Verein</a><ul><li class="first"><a href="index.php?id=33" title="Vorstand" >Vorstand</a></li>
<li><a href="index.php?id=5" title="Mitglieder" >Mitglieder</a></li>
<li class="last"><a href="index.php?id=6" title="Anfahrt" >Anfahrt</a></li>
</ul></li>
<li><a href="index.php?id=7" title="Kontakt" >Kontakt</a><ul><li class="first"><a href="/content/Anmeldung_OG_Schau_17_06_2012.doc" title="Ortsgruppenschau" >Ortsgruppenschau</a>/li>
</ul></li>
<li><a href="index.php?id=16" title="Hunde" >Hunde</a><ul><li class="first"><a href="index.php?id=10" title="Hundeschule" >Hundeschule</a></li>
<li><a href="index.php?id=9" title="Hundesport" >Hundesport</a></li>
<li class="last"><a href="index.php?id=31" title="Rassen" >Rassen</a><ul><li class="first"><a href="index.php?id=19" title="Riesenschnauzer" >Riesenschnauzer</a></li>
<li><a href="index.php?id=20" title="Schnauzer" >Schnauzer</a></li>
<li><a href="index.php?id=28" title="Zwergschnauzer" >Zwergschnauzer</a></li>
<li><a href="index.php?id=29" title="Deutscher Pinscher" >Deutscher Pinscher</a></li>
<li><a href="index.php?id=30" title="Zwergpinscher" >Zwergpinscher</a></li>
<li class="last"><a href="index.php?id=32" title="Affenpinscher" >Affenpinscher</a></li>
</ul></li>
</ul></li>
<li><a href="index.php?id=25" title="Galerie" >Galerie</a></li>
<li><a href="index.php?id=27" title="Presse" >Presse</a></li>
<li><a href="index.php?id=34" title="Termine" >Termine</a></li>
<li class="active"><a href="index.php?id=35" title="Links" >Links</a></li>
<li class="last"><a href="index.php?id=36" title="Impressum" >Impressum</a></li>
</ul></div></div>
如果我浏览下拉菜单,它会显示test,因此它会找到函数,并且没有错误,但它不工作。我怎样才能把它修好
演示:也许这是调用函数的顺序 尝试在函数doOpen和doClose之后使用config
$(function(){
function doOpen() {
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}
function doClose() {
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
}
var config = {
sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
interval: 200, // number = milliseconds for onMouseOver polling interval
over: doOpen, // function = onMouseOver callback (REQUIRED)
timeout: 2000, // number = milliseconds delay before onMouseOut
out: doClose // function = onMouseOut callback (REQUIRED)
};
$(".menu ul li").hoverIntent(config);
$(".menu ul li ul li:has(ul)").find("a:first").append(" » ");
});
三件事
您的CSS在没有JS的情况下工作。您需要将下拉列表的:hover
重写为。hover
在演示中,您有$(“.test ul li”)
,而不是$(“.menu ul li”)
。将不起作用,因为ul具有类测试,并且不是类测试的子级
在圆锥曲线中使用doOpen和doClose之前,必须对其进行定义 这里没有动画。。你能给我们提供一个演示吗?!!首先修复html以使其有效。。(未关闭的引号,缺少
,这里是它与首先声明的配置一起工作!所以不可能是错误。我正在尝试使用演示程序使其工作。重写ultimatedrop的:hover?第56行是什么意思。ccs:而不是。菜单ul li:hover ul,.菜单ul li a:hover ul
您需要使用。菜单ul li.hover ul,.menu ul li a.hover ul
(类hover而不是pseudoelement:hover)@gabykag.Petrioli如果我知道答案,我会的。然后我没有得到悬停效果。我现在更改了完整的css及其工作方式。谢谢你的帮助!@user1010775你想要JS而不是css的悬停效果吗
$(function(){
function doOpen() {
$(this).addClass("hover");
$('ul:first',this).css('visibility', 'visible');
}
function doClose() {
$(this).removeClass("hover");
$('ul:first',this).css('visibility', 'hidden');
}
var config = {
sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
interval: 200, // number = milliseconds for onMouseOver polling interval
over: doOpen, // function = onMouseOver callback (REQUIRED)
timeout: 2000, // number = milliseconds delay before onMouseOut
out: doClose // function = onMouseOut callback (REQUIRED)
};
$(".menu ul li").hoverIntent(config);
$(".menu ul li ul li:has(ul)").find("a:first").append(" » ");
});