Javascript 弹出屏幕赢得';提交表格后不显示

Javascript 弹出屏幕赢得';提交表格后不显示,javascript,jquery,jquery-plugins,jquery-mobile,mobiscroll,Javascript,Jquery,Jquery Plugins,Jquery Mobile,Mobiscroll,我正在用jquery mobile构建一个web应用程序。在一页上,我有一个小小的表格来预订房间。我有两个输入框。在这些框中是开始日期时间,在另一个框中是结束日期时间 现在我要做的是,当我点击输入框时,会出现一个弹出框,您可以在其中插入日期时间。插件名为 我在我的JS中这样打开它 $('[data-role=page]').live('pageinit', function(event){ $("#DATUM_BEGIN").scroller({ preset: 'datet

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

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

我在我的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就可以了。 您可以使用应该使用的属性
dataajax=false

禁用表单上的ajax

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

$(document).ready(function(){});
你可以在这里看到原因
我认为可能是这个问题,但即使不是,我也会这样做,这样可以避免一些麻烦。

您需要找到有问题的代码并发布它。如果没有相关的代码,我们不可能知道问题出在哪里。很抱歉,请再说一遍,本例中的页面应该是什么?您应该使用on()或delegate()(在较旧的jquery版本中为delegate())而不是live()方法我假设您使用的是jquery mobile(因为帖子的标签)您正在通过jquery移动页面()构建html。因此,在本例中,“page”是表单所在页面的选择器。让我们假设您的表单由…包装。此页面的有效选择器为$('#myPage')Mm不,我使用的是外部页面。没有一个大的HTMLEven那么,你不是在包装你显示的每个页面的内容吗?因为这就是方法,如果不这样做,jquery mobile将创建该div