http://mmowned.org/dragon/slm/menu9.html
为了解决旧版本(menu7.html)中的动画排队问题,我尝试在下拉菜单中使用 .stop() 。问题是当您在中途“停止”下拉菜单然后重新启动它时,它会破坏菜单并且只会延伸回它停止的位置:/
我很确定这真的很简单,但是我该如何解决呢?
$(document).ready(function() {
var nid=["bottom","nav","news","wow","emu","war","aoc","diablo","prog","trade"];
$('li.navhead2').click(function () {
var id = $(this).attr('id')
var query = jQuery.inArray(id, nid)
if (query !== -1 && query !== 0)
{
$("#menu"+query).slideFadeToggle('slow');
if (query !== 1 && query !== 0)
{
$(this).toggleClass("clicked");
}
else
{
$(this).toggleClass("clicked1");
}
}
else if (query === 0)
{
$("[id^=menu]").not("#menu1").slideUp('fast');
$("li.navhead2").removeClass("clicked");
}
});
slide("#sliding-navigation", 160, 182, 150, .8);
});
jQuery.fn.slideFadeToggle = function(speed, easing, callback) {
return this.stop().animate({opacity: 'toggle', height: 'toggle', queue:false}, speed, easing, callback);
};
幻灯片功能按我的意愿工作,但下拉菜单没有(如前所述中断),并且由于某种原因我的切换类也不起作用(但它在旧版本上)