如何使用 jQuery 移动弹出窗口？答案

【问题标题】：How do I use jQuery mobile popup?如何使用 jQuery 移动弹出窗口？
【发布时间】：2012-10-13 05:45:41
【问题描述】：

我正在尝试从 ajax 帖子的回调函数中使用 JQuery Mobile Popup。我的回调函数有一个名为“msg”的数据，它是一个字符串，通常表示“保存成功”。那里有任何示例可以让我打开和关闭带有该消息的弹出窗口或对话框吗？这是我目前所拥有的：

$.post('/Home/SaveSomething', { data: someData },
                function (msg) {
                    //OPEN THE DIALOG
                });

谢谢。

【问题讨论】：

不能简单地使用alert('Save Successful')吗？还是您需要其他一些自定义对话框？
使用警报的问题是我无法在移动浏览器上调整它的大小。尺寸只是不起作用。移动对话框看起来好多了。

标签： jquery jquery-mobile

【解决方案1】：

$.post('/Home/SaveSomething',
       { data: someData },
                function (msg) {
                    //OPEN THE DIALOG

                     // you can use alert 
                    alert(msg);
                    // or for custom popup need to use css and jquery coding

});

【讨论】：

【解决方案2】：

你可以试试这个

    <div data-role="popup" id="popup-message" data-theme="a" data-overlay-theme="a" class="ui-content">
          <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="remove" data-iconpos="notext" class="ui-btn-right">Close</a>
    </div>

如上为消息有一个空的弹出容器，并使用容器的 id 填充来自 ajax 成功函数的数据，如下所示

$.post('/Home/SaveSomething', { data: someData },
    function (msg) {

    $('#popup-message').text(msg); //fill the data here
    $('#popup-message').popup("open"); // open the popup
});

【讨论】：