0

複数選択の質問の HTML を生成しました。質問を含む 1 つの png と、それぞれ独自の png を含む複数選択の回答を使用するだけです。ユーザーが選択した回答をクリックして、次の問題に進むことができるようにしたいと考えています。

テストでは、標準のブラウザーを使用して完全に動作することがわかりましたが、iPad では回答の選択肢をクリックできません。私は iPad の HTML 要件/制限に精通していません。Apple の iPad バージョンの safari がサポートしていないことをしていると思いますが、それがどうなるかはわかりません。

本体は次のとおりです。

<body onload="init('single')" class="single">
<div id="navBar">
  <div id="testButtons" class="formButtons"><button id="submitButton"><img src="../assets/check2.png">I'm done</button><button id="resetButton"><img src="../assets/delete2.png">Start over</button></div>
  <div id="resultsButtons" class="formButtons"></div>
</div>
<div id="test">
  <form>
    <div class="problem" id="problem-1">
      <div class="problemLabel"><span>Problem 1</span></div><img class="stem" src="1.png"><table class="answer">
        <tbody>
          <tr>
            <th><input type="radio" name="rg-1" id="rb-1-1" class="false"><label for="rb-1-1">&#65;</label></th>
            <td><label for="rb-1-1"><img src="1-1.png"></label></td>
          </tr>
          <tr>
            <th><input type="radio" name="rg-1" id="rb-1-2" class="false"><label for="rb-1-2">&#66;</label></th>
            <td><label for="rb-1-2"><img src="1-2.png"></label></td>
          </tr>
          <tr>
            <th><input type="radio" name="rg-1" id="rb-1-3" class="true"><label for="rb-1-3">&#67;</label></th>
            <td><label for="rb-1-3"><img src="1-3.png"></label></td>
          </tr>
          <tr>
            <th><input type="radio" name="rg-1" id="rb-1-4" class="false"><label for="rb-1-4">&#68;</label></th>
            <td><label for="rb-1-4"><img src="1-4.png"></label></td>
          </tr>
        </tbody>
      </table>
    </div>
  </form>
</div>
<div id="results">
  <h3 id="testcomplete">Online Test Complete!</h3>
  <div id="resultsHeader">
    <table class="summary">
      <tbody>
        <tr>
          <th>Title</th>
          <td>single_question_test</td>
        </tr>
        <tr>
          <th>Correct</th>
          <td id="problemsCorrect"></td>
        </tr>
      </tbody>
    </table>
  </div>
</body>

どんな助けでも大歓迎です!iPadには別のボタンタイプを使用する必要があるようなものであることを願っています.

4

1 に答える 1

0

ここを参照してください:

私が推測しなければならなかった場合、あなたのテーブル要素は、タッチイベントを許可していないiPadの入力要素を覆っています. ラジオ ボタンのみで HTML ページを作成し、クリック可能であることを確認してから、そのように作業します。

于 2012-08-06T17:21:04.683 に答える