Ajax JQuery手机弹出窗口不显示

我从一个XML文档中提取信息，其中一条信息是城市。当它显示城市时，我希望城市名称的文本成为弹出窗口的链接，弹出窗口显示城市网站的链接。我有它，所以城市显示为一个链接。。但当我点击它时，什么也没发生

下面是我从xml中提取信息的代码

function parseXML(xml) {
            $(xml).find('flight').each(function () {
                $("#F"+n).html("<span id = 'FC"+n+"'></span>"+
                    "<br />Country: "+ $(this).find("country").text() +
                    "<br />Description: "+ $(this).find("description").text() +
                    "<br />Airline: "+ $(this).find("airline").text() +
                    "<br />Flight Time: "+ $(this).find("flighttime").text() +
                    "<br />Flight Cost: " + $(this).find("flightcost").text());
                $("#FC" + n).html("City: <a href='#pop" + n + "' data-rel='popup' data-transition='pop'>" + $(this).find("city").text() +
                    "</a>");
                n++;
            });

函数解析xml（xml）{
$（xml）.find（'flight'）.each（函数（）{
$（“#F”+n）.html（“'+
“
国家：”+$（this）.find（“国家”）.text（）+
“
说明：”+$（this）.find（“说明”）.text（）+
“
航空公司：”+$（this）.find（“航空公司”）.text（）+
飞行时间：“+$（this）.find（“飞行时间”）.text（）+
“
飞行成本：”+$（this.find（“flightcost”）.text（））；
$（“#FC”+n）.html（“城市：”；
n++；
});

这是我的div，我想用它作为弹出窗口

 <div id="pop0" data-role="popup">
    <p><a href="halifax.ca" target="_blank">Halifax's Website</a></p>
</div>

当我将鼠标移到城市名称上时，它在链接的末尾有“/#pop0”，所以我不知道为什么它不起作用

---

有人能帮我吗？

您是否也在动态添加popup div？popup div在DOM中的什么位置？它必须位于相同的数据role=“page”中，如果您动态添加它，请确保初始化小部件（$（“#pop0”）.popup（）@ezanker是的！我的问题是，我需要在我想要激活弹出窗口的div下面创建弹出窗口div。在我将其进一步放在文档下方之前。