Javascript Can'；t让mottie jQuery键盘高亮显示所选键

链接到Mottie：

我正在使用带有“导航”和“移动”扩展的Mottie键盘。它工作正常，但“当前键”未突出显示。我可以在键盘上导航，然后单击enter键，它就会显示出来，但我无法直观地看到选择了哪个键

根据文档和工作示例，将我的代码片段设置为“样式”应该可以做到这一点，但它不会改变任何东西

我的HTML：

虚拟键盘移动演示
html head+body.ui btn.ui-btn-c:悬停，
html头+体。ui-btn.ui-btn-c.ui-btn-hover，
html head+body.ui btn.ui-btn-c:活动，
html头+体。ui-btn.ui-btn-c.ui-btn-active{
背景色：#f7931e；
边框颜色：#a37a00；
颜色：#fff；
文本阴影：0 1px 0#ffcc33；
}
.ui-keyboard-button.ui-state-active.ui-state-hover{
边框：1px实心#fff！重要；
-莫兹盒阴影：1px1em 1px#ffba2b插图！重要；
-网络工具包盒阴影：1px1em 1px#ffba2b插图！重要；
盒影：1px1em 1px#ffba2b插图！重要；
}
/*添加类以指示虚拟键盘具有导航焦点*/
哈斯福克斯先生{
边框颜色：#59b4d4！重要；
}
$（函数（）{
$（“#键盘”）
.键盘({
})
/*移动分机的初始设置*/
.addMobile({
//键盘包装主题
容器：{主题：'b'}，
//主题添加到所有常规按钮
按钮标记：{主题：'b'，阴影：'true'，角落：'true'}，
//悬停时添加到所有按钮的主题
按钮上方：{主题：'a'}，
//添加到动作按钮的主题（例如tab、shift、accept、cancel）；
//此处的参数将覆盖按钮标记中的设置
按钮操作：{主题：'c'}，
//按钮处于活动状态时添加到按钮的主题（例如，按下shift键）
//所有额外参数将被忽略
按钮活动：{主题：'c'}
});
$（“#键盘”）
.键盘({
})
.addNavigation({
位置：[0,0]，//设置起始位置[行号，键索引]
toggleMode:true，//true=导航虚拟键盘，false=在输入/文本区域中导航
focusClass:'hasFocus'//当切换模式打开时，添加到键盘的css类
});
});

设法修复了它！将其放入样式中：

<style>
    html head + body .ui-navbutton.ui-navbutton-c:hover,
    html head + body .ui-navbutton.ui-navbutton-c.ui-navbutton-hover,
    html head + body .ui-navbutton.ui-navbutton-c:active,
    html head + body .ui-navbutton.ui-navbutton-c.ui-navbutton-active {
        border-color: #a37a00;
        color: #fff !important;
    }

    html head+body button.ui-keyboard-button.ui-state-hover {
        border: 1px solid #830000 !important;
        background-color: #999999 !important;
    }
    /* Class added to indicate the virtual keyboard has navigation focus */
    .hasFocus {
        border-color: #59b4d4 !important;
    }
    .navbutton {
        line-height: 30px;
        margin: 2px;
        padding: 5px;
        border: #333 1px solid;
    }
    </style>

html head+body.ui-navbutton.ui-navbutton-c:悬停，
html head+body.ui-navbutton.ui-navbutton-c.ui-navbutton-hover，
html head+body.ui-navbutton.ui-navbutton-c:活动，
html头+体。ui-navbutton.ui-navbutton-c.ui-navbutton-active{
边框颜色：#a37a00；
颜色：#fff！重要；
}
html头+体按钮。ui-keyboard-button.ui-state-hover{
边框：1px实心#830000！重要；
背景色：#999999！重要；
}
/*添加类以指示虚拟键盘具有导航焦点*/
哈斯福克斯先生{
边框颜色：#59b4d4！重要；
}
.导航按钮{
线高：30px；
保证金：2倍；
填充物：5px；
边框：#333 1px实心；
}