javascript - 如何防止CSS菜单中的自动滑动

标签 javascript jquery css

我想防止单击列表项时在我的 css 菜单上自动向上滑动。我特此附上我的 java 脚本,我还想突出显示(着色)css 菜单上的选定列表项。我已经使用了 stop( ).slideup() 函数,但它仍然不适合我。

( function( $ ) {
$( document ).ready(function() {
$('#cssmenu > ul > li > a').click(function() {
  $('#cssmenu li').removeClass('active');
  $(this).closest('li').addClass('active');	
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    $(this).closest('li').removeClass('active');
    checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    $('#cssmenu ul ul:visible').slideUp('normal');
    checkElement.slideDown('normal');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
    return true;
  } else {
    return false;	
  }		
});
});
} )( jQuery );

最佳答案

像 slideup('none') 那样将 slideup 设置为 none;

关于javascript - 如何防止CSS菜单中的自动滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33081440/

相关文章:

javascript - 使用代码中的多行将行 append 到 HTML 表

php - 如何覆盖 Wordpress 确定 .current-menu-item 类的默认方式?

css - Bootstrap 3 : Moving columns in between

jquery - Phonegap ajax GET 返回内部服务器错误

javascript - 下拉选择不改变值

javascript - 使用 javascript 循环遍历 Thymeleaf 数组

javascript - 单击测试以查看单击的内容并相应地运行函数

javascript - 使用 setInterval Javascript 时未捕获的语法错误

html - 将 flexbox 与媒体查询 1 - 2 重组为 2 -1

javascript - 重置 dijit.form.FilteringSelect 在 Dojo 中点击 URL