这里是新手。 我有一个菜单,它使用 jQuery 幻灯片效果。我想与hoverIntent集成。我尝试包含该文件,但仍然不起作用。你们能帮我吗? :)
<ul id="nav">
<li><a href="1.html" id="CorporateMenu">Corporate Profile</a>
<ul>
<li><a href="#">Vision & Mission</a>
</li>
<li><a href="#">Board of Director</a>
</li>
<li><a href="#">Senior Management</a>
</li>
<li><a href="#">Group Companies</a>
</li>
</ul>
</li>
<li><a href="index.html" id="HomeMenu">Home</a>
</li>
</ul>
<!-- menu dropdown animated -->
<script type="text/javascript">
$(document).ready(function() {
$('#nav li').hover(function() {
$('ul', this).slideDown(250);
$(this).children('a:first').addClass("hov");
}, function() {
$('ul', this).slideUp(150);
$(this).children('a:first').removeClass("hov");
});
});
</script>
最佳答案
听起来您正在使用hoverIntent插件。如果确实如此,请使用 .hoverIntent 而不是 .hover 作为事件。
fiddle :http://jsfiddle.net/HbjuW/
$(document).ready(function() {
$('#nav li').has('ul').hoverIntent({
over: function() {
$('ul', this).slideDown(250);
$(this).children('a:first').addClass("hov");
},
timeout: 500,
out: function() {
$('ul', this).slideUp(150);
$(this).children('a:first').removeClass("hov");
}
});
});
关于jquery - 如何与hoverIntent集成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14213351/