我如何使用jQuery移动弹出窗口?

时间:2012-10-13 05:45:41

标签: jquery jquery-mobile

我试图从ajax帖子的回调函数中使用JQuery Mobile Popup。我的回调函数有一个名为“msg”的数据,这是一个字符串,通常说“Save Succesful”。那里有任何例子允许我打开和关闭弹出窗口或带有该消息的对话框?以下是我到目前为止的情况:

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

谢谢。

2 个答案:

答案 0 :(得分:0)

$.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

});

答案 1 :(得分:0)

你可以试试这个

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