Question

我正在使用jquery mobile构建一个Web应用程序。在一个页面上，我有一个小表格来预订房间。我有两个输入框。在这些框中出现DateTime，在另一个框中结束DateTime。

现在我做的是以下内容，当我点击输入框时，会出现一个弹出框，您可以在其中插入DateTime。该插件名为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 我认为可能是这个问题，但即使不是这样，我也会这样做，这样可以避免一些麻烦。

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

1 个答案: