1

我正在将 DateBox ( http://dev.jtsage.com/jQM-DateBox/ ) 插件用于具有最新版本的 JqueryMobile 的页面，但我发现了一个奇怪的错误。当我在 index.html 上打开我的应用程序并通过页面导航到带有日期选择器的页面时，我得到了这个 - http://cl.ly/19022K40472e3k0D0D2H

但是，如果我通过地址栏直接进入该页面，它可以正常工作并按应有的方式显示。

所以只是想知道还有其他人有这个问题吗？或者知道如何解决它？

另外我可能会补充说有人知道我如何在文本字段中显示当前日期吗？

谢谢。

4

2 回答 2

0

您需要首先将文件加载到您的站点导航到的实际文件中（index.html大概）。听起来您只在日期选择器页面中引用了 CSS 和插件代码，但在默认模式下，jQM 使用基于 ajax 哈希的导航系统，因此您需要以这样一种方式引用资产，即它们可以从 get -去。

于 2011-10-10T20:47:26.980 回答
0

1）看起来是日期框的css没有正确加载的问题。您是否在index.html中加载了日期框的CSS？在这种情况下，当您直接使用日期选择器进入页面时，CSS可能不是已加载。您可以使用 firebug for firefox 或 Chrome/Safari 中的内置开发人员工具检查 datebox css 是否已加载。（检查资源选项卡以查看所有加载的资源）

2）检查这个例子 - http://jsfiddle.net/BNsPB/。在这个例子中，我在文档中编写了代码，在您的情况下，您可能需要将其写入pageinit或pagecreate事件处理程序中

检查您的实际代码后，我认为您必须像这样在 pageshow 事件处理程序中添加上面的代码片段：（假设 bookingPage 是页面的 id）

$("#bookingPage").live( 'pageshow',function(event, ui){
  var today = new Date();
    var todayStr = today.getFullYear()+"-"+(today.getMonth()+1)+"-"+today.getDate();
    $('#mydate').trigger('datebox', {'method':'set', 'value':todayStr});
     });
});
于 2011-10-10T17:38:10.493 回答