Кнопки Android Webview не работают

Question

Я создаю приложение html и запускаю его на Android в веб-просмотре. Все работает отлично, как ожидалось, на моем Samsung s3 mini и на нескольких других устройствах, на которых я тестировал его, однако нажатие кнопок не влияет на некоторые другие устройства (например, htc wildfire ... Я нахожусь в процессе выяснения какие устройства не работают).

CSS-код для кнопок:

button { 
    -moz-box-shadow:inset 0px 1px 10px 0px #000000; 
    -webkit-box-shadow:inset 0px 1px 10px 0px #000000; 
    box-shadow:inset 0px 1px 10px 0px #000000; 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00ff00), color-stop(1, #00ff00)); 
    background:-moz-linear-gradient(center top, #00ff00 5%, #00ff00 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ff00'); 
    background-color:#00ff00; 
    -webkit-border-top-left-radius:42px; 
    -moz-border-radius-topleft:42px; 
    border-top-left-radius:42px; 
    -webkit-border-top-right-radius:42px; 
    -moz-border-radius-topright:42px; 
    border-top-right-radius:42px; 
    -webkit-border-bottom-right-radius:42px; 
    -moz-border-radius-bottomright:42px; 
    border-bottom-right-radius:42px; 
    -webkit-border-bottom-left-radius:42px; 
    -moz-border-radius-bottomleft:42px; 
    border-bottom-left-radius:42px; 
    text-indent:0px; 
    border:1px solid #006400; 
    display:inline-block; 
    color:#000000; 
    font-family:Arial; 
    font-size:1.2em; 
    font-weight:bold; 
    font-style:normal; 
    line-height:46px; 
    text-decoration:none; 
    text-align:center; 
    text-shadow:1px 1px 0px #00ff00; 
    width:7em; 
} 

button:hover { 
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #00ff00), color-stop(1, #00ff00)); 
    background:-moz-linear-gradient(center top, #00ff00 5%, #00ff00 100%); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00',   endColorstr='#00ff00'); 
    background-color:#00ff00; 
} 

button:active { 
    position:relative; 
    top:1px; 
} 

и одна из кнопок имеют:

.button-wrap { 
    width:auto; 
} 

интересно кнопка с class="button-wrap" была единственной кнопкой, которая работала на одном устройстве.

HTML, для кнопок прост:

<button class="button-list-spacing" id="play-game-button">Play!</button> 

и JS за ними:

$("#play-game-button").click(function (e) { 
    window.location.replace("gamepage.html?soundon=" + SOUND_ON); 
}); 

Кто-нибудь знает какую-либо вещь, которая может вызвать кнопку не реагирует на нажатие? В будущем я буду редактировать список устройств, на которых он работает, и список, который он не имеет.

Edit:

Кнопки не работают на * Вкладка Samsung Галактика 7,0 GT-P6200, Android версии 3.2

А вот скрипку: http://jsfiddle.net/Yuy7F/

Я отправил связанный с этим вопрос здесь, что может быть стоит проверить: https://stackoverflow.com/questions/22595810/android-webview-messes-up-in-4-1-1-but-not-4-1-2

Answer 1

Очевидно, вы используете фреймворк как jquery.

Убедитесь, что все файлы JavaScript каркаса доступны, или попробовать это:

<button class="button-list-spacing" id="play-game-button" onclick="window.location.replace("gamepage.html?soundon=" + SOUND_ON);">Play!</button> 

И сделать surevthe переменная SOUND_ON доступна.