jquery - jQuery Mobile ポップアップが正しく表示されない

Question

jquery モバイル ポップアップの表示に問題があります。これはポップアップの私のコードで、サーブレットから返されます

 <a href='#popupBasic_1' data-rel='popup'
        style='text-decoration: none; background-color: red; display: block; width: 40px; height: 40px; text-align: center; position: absolute; font-size: 13px; font-weight: bold; color: white'>bill</a>
    <div data-role='popup' id='popupBasic_1'>
        <div style='height: 200px; width: 300px'>
            <div
                style='text-decoration: none; background-color: red; display: block; width: 40px; height: 40px; text-align: center; font-size: 13px; font-weight: bold; color: white'>bill</div>
            <div
                style='text-decoration: none; background-color: blue; display: block; width: 40px; height: 40px; text-align: center; font-size: 13px; font-weight: bold; color: white'>bob</div>
        </div>
    </div>

HTMLのこのdivタグ内に配置しようとしています

<div id="users"></div>

これは、html を置き換えるための私の ajax 呼び出しです

$.get(url).success(function(result) {
            //document.getElementById("users").innerHTML = result;
            $("#users").html("<code>" + result + "</code>");

上記の両方のケースを試しましたが、代わりにページのポップアップ ウィンドウ内に両方の要素が表示されます。このポップアップ コードを div タグ内に手動で配置すると、機能します。

どんな助けでも大歓迎です。

Answer 1

これを試して：

$("#users").html(result).trigger("create");

jsフィドル