小编par*_*don的帖子

我正在尝试简化此脚本.我有50个这样的if e.keyCode语句,所以双嵌套如果/ else语句看起来很荒谬,但我所做的所有其他尝试都没有用.

第一个if/else语句if(e.keyCode == 66 && e.shiftKey)是必要的,但是我不确定if (typedAdjusted >= paperWidth % charWidth)如果在相对于固定宽度的行上键入太多字符,则会发出警告.

功能可以if (typedAdjusted >= paperWidth % charWidth)让我成为全球性的吗？需要根据特定的keyCodes进行检查.例如,字母"B"应该写入typedAdjusted,而BACKSPACE和TAB和COMMAND不应该.

var typed = $("span.char").length;
var typedAdjusted = typed+1;
var paperWidth = 900;
var charWidth = 44;

if (e.keyCode  == 66)  {
    if (e.keyCode  == 66  && e.shiftKey)  {
        $('#charLine-1').append('<span class="char">B</span>');
        if (typedAdjusted  >= paperWidth % charWidth) {
            $('body').append('<span id="warning">WARNING!</span>');
        }
        else {
            return false;
        }
    } 
    else  {
        $('#charLine-1').append('<span class="char">b</span>');
        if (typedAdjusted  >= …

我的网站的h1也是"主页"链接,所以显然我把它放在导航标签内.导航中的其他链接最初放在无序列表中,如下所示:

    <nav>
      <h1><a href="#" class="active">Site Name</a></h1>
      <ul>
         <li><a href="#">Nav Item 1</a>
         <li><a href="#">Nav Item 2</a>
         <li><a href="#">Nav Item 3</a>
       </ul>
    </nav>

标准,对吗？您可以想象,在子页面上,导航保持不变,但"活动"类应用于相关导航项.

这是问题所在.在移动屏幕宽度处,导航会压缩到下拉菜单,其中"活动"链接是放置上方显示的唯一链接.在h1是活动链接的主页上这很好,但看起来我的CSS会在子页面上变得非常混乱.

我一直注意到一些备受尊重的前端开发人员使用没有有序/无序列表的列表项.这些人是高度尊重语义的人,所以这让我觉得他们可能在想......

所以我被卡住了.将我的h1放入ul中似乎是错误的,但这似乎也是错误的:

    <nav>
      <li><h1><a href="#" class="active">Site Name</a></h1></li>
      <li><a href="">Nav Item 1</a></li>
      <li><a href="">Nav Item 1</a></li>
    </nav>

我知道我可以通过几乎任何标记HTML的方式获得我想要实现的内容,但我希望尽可能在语义上这样做,同时避免CSS/JS噩梦/或任何黑客攻击.