jquery - jqueryから準備が整ったドキュメントが起動された後、jquery Mobileがコンテンツをui-gridに追加する

Question

私はある種の小さなゲームに取り組んでいますが、問題が発生しました。

Jquery モバイルを使用しています。

問題は単純です。私の動的コンテンツは視覚的にロードされます。カードの裏側は見えますが、クリック イベントは発生しません。jquery から準備された私のドキュメントには、これと関係があると思われます。

通常はリストでトリックを行う更新など、さまざまなことを試しましたが、これはUI-Gridであるため、これは異なります。

以下の例のコードは、構造が何であり、どのようになっているのかを示す短いスニペットです。

クリック イベントが発生するように、ui-grid-c のコンテンツを更新する方法を探しています。

一番下にはアラート(「このポップアップメッセージを見たいです」);があります。このポップアップが見たいです。

私のindex.htmlファイルで

<script src="js/events.js"></script>        
<script src="js/newgriditems.js"></script>    

これは私の静的 HTML JQM グリッドです

<div class="ui-grid-c" id="cards">

</div>

この関数を newgriditems.js から呼び出します

function newCards() {
    var new = '<div class="ui-block-a">
   <img src="img/backside.jpg" />
   </div>';

    $("#cards").html(new).trigger("create");
    $("#cards").page();
}

events.js には

$(document).ready(function() {

  $(".ui-grid-c div img").click(function() {
    alert("I want to see this popup message");
  });

}

コンテンツを静的コンテンツとして追加すると機能します。