Question

我正在使用jquery mobile在main.js中创建一个动态HTML页面。我想为我动态创建的HTML输入元素之一使用日期选择器。当我单击目标发布字段的文本框时，我想要显示日期选择器。

我的动态页面（main.js）：

var newPage=$("<label for='date'>Target Release</label><input type='text' name='date' id='rel' value='' /> rest of my HTML elements goes here");
newPage.appendTo($.mobile.pageContainer);

$.mobile.navigate("#newPage1");

我在main.js

中添加了以下代码段

$(function () { 

    $( "#rel" ).datepicker(
    {dateFormat: 'MM yy'}
    );
    });

我甚至尝试过编写如下代码。

`var newPage=$("<label for='date'>Target Release</label><input type='text' name='date' id='rel' value='' />"+

    $( "#rel" ).datepicker(
    {dateFormat: 'MM yy'}
    );

+"rest of my HTML elements goes here");

newPage.appendTo($.mobile.pageContainer);

    $.mobile.navigate("#newPage1");`

但我没有得到日历小部件。

我在index.html中尝试了相同的代码逻辑。它工作正常。请让我知道它在main.js中不起作用的原因。动态创建页面时无法使用Datepicker小部件？

先谢谢!!

Answer 1

您没有收到小部件，因为您在内容出现之前应用了日期选择器。添加新内容时，您必须再次应用日期选择器。

查看此答案以获得更好的解释。

Event binding on dynamically created elements?

如何在创建动态HTML页面时使用datepicker

1 个答案: