Question

我正在制作一个HTML应用，并在Android视频网站上运行它。在我的三星s3 mini以及我测试过的其他一些设备上，一切都运行得很好，但按键按下对其他设备没有影响（例如htc野火......我正在查找哪些设备不起作用。）

按钮的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);
});

有没有人知道任何可能导致按钮无法响应点击的事情？我将来会编辑一个可以使用的设备列表，以及一个它没有的列表。

编辑：

按钮不起作用 *三星galaxy tab 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>

确保SOUND_ON变量可用。

Android Webview按钮无效

1 个答案: