Question

我在显示jquery移动弹出窗口时遇到问题。这是我的弹出窗口代码，它是从servlet返回的

 <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");

jsFiddle

jQuery Mobile弹出窗口无法正常显示

1 个答案: