当前位置：文江博客话题详情

使用 jQuery 模板动态创建 jQuery Mobile 页面

发布于 2024-10-18 12:23:54 字数 278 浏览 3 评论 0原文

我正在使用 jquery mobile 为 UI 构建锻炼目录，并使用 jquery 模板来处理 html。由于 .page() 函数，我已经能够将 html 附加到已创建的页面并让 jquery mobile 更改标记。

但是，我希望能够创建新的 jq 移动页面。我可以使用 data-role=page 将代码注入 div，调用 .page() 就可以了。但是将完整制作的页面附加到正文是行不通的。

编辑：这个问题和我的答案是指jquery mobile alpha 3

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

本王不退位尔等都是臣 2024-10-25 12:23:54

好的，我明白了。如果你想向 DOM 添加 a，你还必须为 data-url 添加一个值。当您创建静态 html 页面时，

jQuery mobile 会自动添加一个与您提供的 id 相同的 data-url。当你自己做的时候，你必须握住它的手，并传递给它一个data-url="home"。

当您生成 html 字符串时，请将其附加到 $.mobile.pageContainer，以便 jQuery Mobile 知道在哪里可以找到它（将它附加到正文也可以，但最好不要破坏现状）。
之后，在 DOM 中的页面上调用 .page() ，以便 jQuery mobile 发挥其所有神奇的魔力，使其变得漂亮。

$('#home').page();

Ok I got it. If you want to add a to the DOM you have to also add a value for data-url. When you create a static html page,

<div data-role="page" id="home">

jQuery mobile automatically adds a data-url equal to the id you give it. When you do it yourself, you have to hold its hand and pass it a data-url="home".

When you generate your html string append it to $.mobile.pageContainer so jQuery Mobile knows where to find it (appending it to the body works also, but it's probably best not to rock the boat).
After that, call .page() on your page in the DOM so that jQuery mobile does all of its magical <span> magic to make it pretty.

$('#home').page();

回复收藏 0 原文

记忆之渊 2024-10-25 12:23:54

挖坟了这个帖子。使用 jquery mobile (1.1.0)，这对我有用，.trigger("create") ...

    content = '<div data-role="page" id="myID" data-url="myID">'
    // ...
    $('body').append(content).trigger("create")
    $("<a href='#myID' data-rel='dialog'/>").trigger("click")

Gravedigging this thread. Using the jquery mobile (1.1.0), this was working for me, .trigger("create") ...

    content = '<div data-role="page" id="myID" data-url="myID">'
    // ...
    $('body').append(content).trigger("create")
    $("<a href='#myID' data-rel='dialog'/>").trigger("click")

回复收藏 0 原文

美羊羊 2024-10-25 12:23:54

当你打电话时
$('#home').page();
您要求 jQuery 使用页面的特定样式表和 js 函数来增强您的 div。该页面已存在于 DOM 中，但要显示它，您必须调用 $.mobile.changePage("#home",options)。
有关详细信息（以及特定于对象的选项），请参阅 http://jquerymobile.com/test /docs/api/methods.html