提交表单后不会显示弹出屏幕

Question

我正在使用 jquery mobile 构建一个网络应用程序。在一个页面上，我有一个小表格来预订房间。我有两个输入框。在这些框中是开始日期时间，在另一个框中是结束日期时间。

现在我要做的是，当我单击输入框时，会出现一个弹出框，您可以在其中插入日期时间。该插件名为mobiscroll。

我在我的 JS 中这样打开它。

  $('[data-role=page]').live('pageinit', function(event){
        $("#DATUM_BEGIN").scroller({ preset: 'datetime',theme: 'jqm', mode: 'mixed',display:'modal'});

        $("#DATUM_EINDE").scroller({ preset: 'datetime',theme: 'jqm', mode: 'mixed',display:'modal'});
});

第一次是正确的。但是，例如，如果我忘记输入结束日期并使用提交按钮提交我的表单。它在屏幕上显示错误消息。但是当我想输入一个日期时。弹出框不会显示。

有人知道我可以如何以正确的方式解决这个问题吗？

编辑：解决方案

好的，我找到了解决方案，您只需要禁用 ajax 即可。 您可以使用属性 data-ajax=false 来禁用表单上的 ajax

Answer 1

你应该使用

$(page).live('pageinit', function(event){
    // Your code
    // 'page' is a selector for the jquery mobile page you want to work on
});

代替：

$(document).ready(function(){});

你可以在这里看到为什么http://jquerymobile.com/demos/1.1.0/docs/api/events.html 我认为可能是这个问题，但即使不是，我也会这样工作，它会避免一些令人头疼的问题。