jquery - リスト ビュー ポップアップの作成

Question

非常に基本的なリストビュー ポップアップを作成しようとしています。私はそれが機能するのを見ることができません。ここに私がこれまでに持っているコードがあります

        <div data-role="page">
        <div data-role="content">
            <div id="map"></div>
            <a href="#filter" class="map_buttons" id="map_filter_button" data-rel="dialog">Filter</a>
            <a href="#menu" class="map_buttons" id="map_manu_button" data-rel="dialog">Menu</a>
            <a href="#report_popupMenu" class="map_buttons" id="map_report_button" data-rel="popup" data-inline="true" data-transition="slideup">Report</a>
        </div>
    </div>

<div id="report_popupMenu" data-role="popup">
    <ul id="report_categories" data-role="listview" data-inset="true\" style="width:210px;">
        <li data-role=\"divider\" data-theme=\"b\">Choose Category.</li>
        <li  data-theme=\"b\">Choose Category.</li>
        <li  data-theme=\"b\">Choose Category.</li>
        <li data-theme=\"b\">Choose Category.</li>
    </ul>
</div>

<div id="report_popupMenu" data-role="popup">
    <ul id="report_categories" data-role="listview" data-inset="true\" style="width:210px;">
        <li data-role=\"divider\" data-theme=\"b\">Choose Category.</li>
        <li  data-theme=\"b\">Choose Category.</li>
        <li  data-theme=\"b\">Choose Category.</li>
        <li data-theme=\"b\">Choose Category.</li>
    </ul>
</div>

次のCDNを使用しています

ポップアップを画面の中央に配置したい。私がやったことは、このサイトhttp://view.jquerymobile.com/1.3.0/docs/widgets/popup/#&ui-state=dialogに従っていますが、機能していません。どんな助けでも大歓迎です。

をロードするために使用されているコードは次のとおりです。

設定ファイルから

$(document).ready(function() {

var map = null;
init();
popuateCat();
function init() {
    var mapProp = {
        center : new google.maps.LatLng(51.508742, -0.120850),
        zoom : 5,
        mapTypeId : google.maps.MapTypeId.ROADMAP,
        disableDefaultUI : true,
    };
    map = new google.maps.Map(document.getElementById("map"), mapProp);

}

function popuateCat() {

    $.ajax({
        url : "configs/reportCatagories.config",
        dataType : "xml",
        success : function(data) {
        $("#report_categories").append("<li data-role=\"divider\" data-theme=\"b\">Choose Category.</li>");
            $(data).find("Category").each(function() {
                var dataString = $(this).text();
                var cat = '<li><a href=\"#newReport\" id=\"' + dataString + '\">' + dataString + '</a></li>';
                $("#report_categories").append(cat);
            });
        }
    });

}

});