Ошибка ввода модальной формы Jquery

Question

Сводка: при открытии диалогового окна оно содержит форму, но поля ВВОД не позволяют вводить текст. FireBug Console сообщает о следующей ошибке, когда я нажимаю клавишу и курсор находится в текстовом поле:

Не следует использовать свойство charCode события keydown. Значение не имеет смысла. /lemonade_stand/start.php Строка 0

Я также вижу эту ошибку при открытии окна:

Неизвестный псевдокласс или псевдоэлемент 'tabbable'. /lemonade_stand/start.php Строка 0

Кажется, что какое-то чрезмерное событие прислушивается к нажатию клавиши. Я нашел статью, в которой предлагалось «удалить класс пользовательского интерфейса из div», но даже попытка не помогла.

Образцы кода:

Определение диалогового окна

var $priceWindow = $("#setPriceWindow").dialog({
    autoOpen: false,
    height: 306,
    modal: true,
    width: 380,
    buttons: {
        "Save": function(){
            $.get('php/saveQA.php',
            {
                'cup': $("#pCup").val(),
                'lemons': $("#pLemons").val(),
                'sugar': $("#pSugar").val(),
                'ice': $("#pIce").val(),
            });
            $(this).dialog('close');
        },
        Cancel: function(){
            $(this).dialog('close');
        }
    }
});

Событие открытия диалогового окна

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

PHP / HTML содержимое диалога

<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>

Полный проект можно посмотреть здесь: http://yrmailfrom.me/games/lemonade_stand/start.php

Answer 1

Проблема в вашем скрипте game.js.

В

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

Также в 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;
}