加载新页面后未呈现文本 - JQuery Mobile

Question

我有一个程序，给出一个 SQL 语句（使用 HTML5-SQL 的浏览器数据库），它填充我的 jquery 移动页面中的一组字段。 SQL 语句根据通过 url 传递的 ID 进行更改。因此，当单击按钮/链接时，会使用不同的参数值调用同一页面：index.html?id=545。

虽然第一页无缝加载，但当我单击下一页的链接时，对象（页面、按钮、链接、div）显示，但这些对象内的文本不显示。

我正在使用 $('div').live('pageshow',function(event, ui){ 事件来触发执行以下操作的事件：

$("#title").text(Title);
$("#date").text(mdate);

当我打印 Title 的值时和 mdate 在 Chrome 调试器的控制台中，它显示了正确的值，我不知道为什么相同的文本没有显示在按钮和标签中，

谢谢

。

Answer 1

使用 jQM 时，您需要刷新控件。以下是文档：

• http://jquerymobile.com/demos/1.0/文档/表单/docs-forms.html

刷新表单元素
在 jQuery Mobile 中，一些增强的表单控件只是简单地设置样式（输入），但其他控件是自定义的
控件（选择、滑块）由以下控件构建并与其保持同步
本机控制。以编程方式更新表单控件
JavaScript，先操作原生控件，然后使用刷新
方法告诉增强控件更新自身以匹配新的
状态。以下是如何更新常见表单控件的一些示例，
然后调用刷新方法：

复选框：

$("input[type='checkbox']").prop("checked",true).checkboxradio("refresh");

单选：

$("input[type='radio']").prop("checked",true).checkboxradio("refresh");

选择：

var myselect = $("#selectfoo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh");

滑块：

$("input[type='range']").val(60).slider("refresh");

翻转开关（它们使用slider）：

var myswitch = $("#selectbar");
myswitch[0].selectedIndex = 1;
myswitch.slider("refresh");

如果这是您需要的页面，请尝试以下操作：

• http://jquerymobile.com/demos/1.0/docs/pages/page-scripting.html

增强新标记
页面插件调度 pagecreate 事件，大多数小部件使用该事件来自动初始化自身。只要
当引用小部件插件脚本时，它会自动增强
它在页面上找到的小部件的任何实例。

但是，如果您在客户端生成新的标记或通过以下方式加载内容
Ajax并将其注入到页面中，可以触发create事件
处理其中包含的所有插件的自动初始化
新的标记。这可以在任何元素上触发（甚至是页面
div 本身），省去了手动初始化每个插件的任务
（列表视图按钮、选择等）。

例如，如果加载了 HTML 标记块（例如登录表单）
通过Ajax，触发create事件自动变换
它包含的所有小部件（在本例中为输入和按钮）到
增强版本。此场景的代码为：

$( ...new markup that contains widgets... ).appendTo( ".ui-page" ).trigger( "create" );