jquery - 如何使用 jQuery 移动弹出窗口？

Question

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

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

谢谢你。

Answer 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

});

Answer 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
});