4

Javascript と Jquery モバイルで 8 パズル ボックス ゲームを作成しています。でボックスを作成し<input readonly></input>、それらすべてを 9x9 のテーブルに配置しました。問題は、ボックスをクリックして移動すると、たとえそれが読み取り専用であっても、モバイル デバイスが書き込みを試み、キーボードが表示されることです。これは私が望んでいるものではありません...入力を無効にするか、とは別のものを使用したいです<input>。disable="disabled" で試しましたが、まだ機能しません。これはコードです：

<form name="box">
    </center>
    <table align="center">
        <tr>
            <td ><input name="casella1" value="8" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella2" value="5" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella3" value="2" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
        </tr>
        <tr>
            <td ><input name="casella4" value="6" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella5" value="3" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella6" value="4" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
        </tr>
        <tr>
            <td ><input name="casella7" value="1" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella8" value="7" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>
            <td ><input name="casella9" value="" onClick="test(this.value)" readonly style="text-align: center; width:50px; height:50px; font-weight:bold; background-color: #C0C0C0; border-style: solid; border-color: black"></td>

        </tr>
    </table>
    </form>
4

3 に答える 3

11

!disabled="disabled"の代わりに使用する必要があります。disable="disable"

于 2013-02-11T15:32:11.667 に答える
3 
$("input").attr("disabled","true");

はjQueryソリューションでありdisabled、マークアップでの設定はhtmlソリューションです。

于 2013-02-11T15:33:43.773 に答える
3

HTML5 を使用している場合はdisabled、ブール属性であるため、attribute を含めるだけで十分です。

于 2013-02-11T15:35:49.923 に答える