【问题标题】:can you do a jquery mobile popup on ajax response event?你能在 ajax 响应事件上做一个 jquery 移动弹出窗口吗?
【发布时间】:2012-07-24 14:51:57
【问题描述】:

希望使用弹出窗口,但我很确定我试图错误地使用它。关于这应该如何工作的任何想法?你能以这种方式使用弹出窗口吗?

<script>

function onSuccess(data, status)
{
    data = $.trim(data);
    $("#notification").text(data);
}

function onError(data, status)
{
    data = $.trim(data);
    //$("#notification").text(data);
    $("#notification").popup(data);        }        

$(document).ready(function() {
    $("#submit").click(function(){

        var formData = $("#callAjaxForm").serialize();

        $.ajax({
            type: "POST",
            url: "sendmsg.php",
            cache: false,
            data: formData,
            success: onSuccess,
            error: onError
        });

        return false;
    });
});
</script>

【问题讨论】:

    标签: ajax forms jquery-mobile popup


    【解决方案1】:

    我假设您正在尝试使用 JQM popup widget,首先您错过了 onError function 中的结束 }。其次要使用popup widget可以先设置数据

    $("#myPopupContent").text(data)

    然后显示你使用open方法

    $("#myPopup").popup("open")

    【讨论】:

    • 我想我不清楚的是你创建这个实例的方式。使用你的例子,我假设它会是这样的......&lt;div class="responseNotice" id="notification" data-role="popup"&gt;&lt;/div&gt;
    • 这应该是弹出窗口小部件的正确标记,但是您确定您使用的是正确版本的 JQM 吗?弹出小部件尚未包含在稳定版本中(截至目前为 1.1.1)。您可能希望替换弹出容器内的子元素的文本而不是父 div(例如 &lt;div id="myPopup" data-role="popup"&gt; &lt;div id="popupContent"&gt;&lt;/div&gt;&lt;/div&gt;,因为 JQM 在初始化小部件后会修改标记。
    • 感谢您对发布的关注。我正在查看的弹出窗口小部件页面没有提到它还不是稳定版本的一部分。哦,好吧。
    猜你喜欢
    • 1970-01-01
    • 2013-12-28
    • 2013-07-03
    • 2012-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多