0

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

现在我要做的是，当我单击输入框时，会出现一个弹出框，您可以在其中插入 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 就可以了。您可以使用属性禁用表单上的 ajaxdata-ajax=false

4

1 回答 1

0

你应该使用

$(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 我认为这可能是这个问题，但即使不是，我也会这样工作，它会避免几个头痛。

于 2012-05-14T07:01:06.290 回答