Javascript 使用$.get-Jquery Mobile加载弹出窗口

我正在尝试从服务器加载一些数据。我有一些链接，当我点击它们时，我想让它们打开右边相应的弹出窗口，里面有数据。但是弹出窗口在页面上显示为格式化文本。如果查看代码，它们包含

标记。

loadPopups

功能的结果是，它只将

标记打印到页面上。没有弹出行为

这是我获取弹出数据的代码

function loadPopups() {
    $.get("load.php", function(data) {
        data = $.parseJSON(data);
        var str = '';

        for( laxa in data.laxor) {
        var laxaArray = data.laxor[laxa];
        str += '' +
               '<div data-role="popup" id="' + (laxaArray.laxa_id + 'rubrik') + '">' +
               '<p>' + laxaArray.rubrik + '<p>' +
               '</div>' +
               '<div data-role="popup" id="' + (laxaArray.laxa_id + 'beskrivning') + '">' +
               '<p>' + laxaArray.beskrivning + '<p>' +
               '</div>' +
               '';
        }
    //alert('Data loaded');
    $("#popup_containor").html(str).page();
    });
}

函数加载弹出窗口（）{
$.get（“load.php”，函数（数据）{
data=$.parseJSON（数据）；
var-str=''；
for（data.laxor中的laxa）{
var-laxaArray=data.laxor[laxa]；
str+=''+
'' +
“”+laxaArray.rubrik+”'+
'' +
'' +
“”+laxaArray.beskrivning+”'+
'' +
'';
}
//警报（“数据加载”）；
$（“#popup_containor”）.html（str.page（）；
});
}

然后将其添加到此

当我尝试使用for循环中为每个弹出窗口指定的相同id来显示弹出窗口时，如下所示

<p><a href="#134rubrik" data-rel="popup">Hej</a><p>

什么也没发生。弹出窗口只是简单地显示，好像没有

谢谢你的帮助

---

谢谢你为什么不把逻辑分开

首先从服务器获取所需的任何值。 假设var a='string1 fromserver'，b='string2'等等

在页面中创建没有数据的功能性弹出窗口

然后使用JS或jQuery填充弹出窗口：

document.getElementById（'serverdata'）。值=a

---

popup\u containor

是页面div吗？如果不是，page div应该是popup div的直接父对象。Oh没有注意到它们不是，虽然这只是导致格式错误，但它们不是页面上的popup just标记查看更新的问题@Omarcheck this如果这是您想要的，我将添加一个答案。如果您需要更多详细信息，请让我知道。使用.load而不是$.get

<p><a href="#134rubrik" data-rel="popup">Hej</a><p>