0

Clojure と jQuery モバイルを使用してモバイル Web ページを作成しています。jquery モバイル CSS のリンクをコメントアウトすると、サイト上のすべてが正常に機能しますが、このスタイル シートを有効にすると、ボタンが機能せず、エラーも表示されません。これは私が書いた最初のモバイルページであり、Web 開発は初めてなので、簡単なものが欠けていると確信しています。

<!DOCTYPE html>

<html>
<head>
  <!-- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"/> -->
  <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<!-- <body> -->
  <div data-role="page">
    <div data-role="header">
      <h1>Conwat's Game of Life</h1>
    </div>
    <div id="itr-div" height=100 width=100></div>
    <div data-role="content">
      <canvas data-role="canvas" id="surface" height=400 width=400>
      </canvas>
      <form id="options-form" name="options-form" enctype="multipart/form-data">
      <button data-role="button" type="button" class="button" id="pause-btn" value="Pause/Resume">
      </button>
      <button data-role="button" type="button" class="button" id="clear-btn" value="Clear">
      </button>
      <button data-role="button" type="button" class="button" id="heatmap-btn" value="Toggle Heatmap">
      </button>
        <!-- <input data-role="button" type="button" class="button" id="pause-btn" value="Pause/Resume">
      <input data-role="button" type="button" class="button" id="clear-btn" value="Clear">
      <input data-role="button" type="button" class="button" id="heatmap-btn" value="Toggle Heatmap"> -->

      </form>

<div data-role="footer">
  This is a footer
</div>
</html>

クロージャ:

;onclick listeners
(set-onclick! (by-id "pause-btn") #(swap! paused not)
              (println "set on click pause called"))

(set-onclick! (by-id "heatmap-btn") #(swap! show-heatmap not)
              (println "set on click heat called"))

(set-onclick! (by-id "clear-btn") #(do (swap! game-state clear-board)
                                       (swap! iteration (fn [itr] -1))
                                       (swap! game-heatmap empty-heatmap)
                                       (draw-game)
                                       (update-itr)))

ご協力いただきありがとうございます。

4

0 に答える 0