Question

HTML：

<nav id="check">
  <ul class="uk-navbar">
    <li><a href="">Home</a></li>
    <li class="uk-parent"><a href="">Information</a>
      <div class="uk-dropdown">
        <ul class="uk-nav">
          <li><a href="">About Us</a></li>
          <li><a href="">Events Calendar</a></li>
          <li><a href="">Forms</a></li>
        </ul>
      </div>
    </li>
    <li><a href="">Students</a></li>
    <li class="uk-parent"><a href="">Parents</a></li>
  </ul>
</nav>

无法将脚本放在哪里按下右箭头键我想从主页转换为信息，然后从导航栏中的信息转移到学生。

我的尝试：

jQuery("#check li").keydown(function(e) {
  if(e.keyCode == 37) { 
    //left
    alert('left arrow pressed!');
  }else if(e.keyCode == 39) { 
    // right
    var n= jQuery(this).attr('class');
    alert(n);

    if(n == 'uk-parent uk-open' &&  typeof n === "undefined"){
      var count= jQuery(this).index();
      //alert(count);
      var count_new= count +1;
      //alert(count_new);
      jQuery('.uk-parent').removeClass("uk-open");
      jQuery('.uk-parent').eq(count_new).addClass("uk-open");
    }
    //var m=jQuery(".uk-parent .uk-open").closest('li').next().find('li .uk-parent').addClass('uk-open');
  }
});

上述代码中的

Class="uk-open"用于打开dropdown list下的information tab。使用单独的脚本自动添加此类。

我的剧本在哪里出错？

jQuery脚本使用键盘右箭头键在导航栏中移动

0 个答案: