Forms Jquery模态表单输入错误

摘要：打开对话框窗口时，对话框包含表单，但输入字段不允许文本输入。当我按键且光标位于文本字段中时，FireBug控制台报告以下错误：

不应使用keydown事件的“charCode”属性。价值是没有意义的。 /lemonade_stand/start.php第0行

当窗口打开时，我也看到此错误：

未知的伪类或伪元素“tabbable”。 /lemonade_stand/start.php第0行

似乎有一些过度事件正在监听按键。我发现一篇文章建议我从div中删除ui对话框类，但即使这样做也无济于事

代码示例：

对话框的定义

要打开的事件对话框

对话框的PHP/HTML内容

---

完整的项目可以在这里看到：

问题出在您的game.js脚本中

在

同样在lemonade_game.css中，尝试从该块中删除zIndex

div#setPriceWindow ul li span {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #BBBBBB;
    margin: 0;
    padding: 3px 0;
}

---

布莱恩，把这个改成我以前的样子。注释掉那一行并补充道：我仍然需要抑制链接。因此，我要么阻止默认值，要么返回false，因为我是从A元素启动对话框的。谢谢Brian。我完全放弃了那条线。我仍然得到同样的结果。同样，我不能将光标移动到任何其他字段。有些东西还在听。布赖恩，刚才听到了CSS的调整。注释掉z-index修复了它。谢谢抱歉，编辑错误，点击了错误的链接。太多的链接彼此太近。

$("#setPrice").click(function(e){
    e.preventDefault();
    $priceWindow.dialog('open');
});

<div id="setPriceWindow" class="priceWin" title="Set Price and Quality">
    <form>
    <ul>
        <li><label>Price Per Cup</label><span><span><input type="text" size="3" id="pCup" tabid="1" value="<?php echo $_SESSION['qa']['cup']; ?>" /><p>Cents</p></span></span></li>
        <li><label>Lemons Per Pitcher</label><span><span><input type="text" size="3" id="pLemons" tabid="2" value="<?php echo $_SESSION['qa']['lemons']; ?>" /><p>Lemons</p></span></span></li>
        <li><label>Sugar Per Pitcher</label><span><span><input type="text" size="3" id="pSugar" tabid="3" value="<?php echo $_SESSION['qa']['sugar']; ?>" /><p>Cups</p></span></span></li>
        <li><label>Ice Per Cup</label><span><span><input type="text" size="3" id="pIce" tabid="4" value="<?php echo $_SESSION['qa']['ice']; ?>" /><p>Cubes</p></span></span></li>
    </ul>
    </form>
</div>

$("#setPrice").click(function(e){
e.preventDefault(); **// THIS LINE IS CAUSING THE TROUBLE**
$priceWindow.dialog('open');
});

div#setPriceWindow ul li span {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #BBBBBB;
    margin: 0;
    padding: 3px 0;
}