jquery - jquery移动面板动态内容

Question

我正在尝试使用新的 JQM 面板（http://jquerymobile.com/test/docs/panels/index.html ），如下所示。

我正在从 mysql 查询中创建一个带有慈善名称的列表视图。我想单击慈善机构名称以打开一个面板，其中将包含有关该慈善机构的更多信息（来自同一查询）。JQM 文档指出：

当您在面板打开时动态添加内容或使隐藏的内容可见时，您必须触发面板上的 updatelayout 事件。$("#mypanel").trigger("updatelayout");

但是我不知道我将如何使用它 - 它会去哪里？

Answer 1

您需要提供一些代码以获得更具体的答案，但基本上列表中的每个项目都会在单击时调用某个函数。该功能会将慈善机构的信息写入面板，然后触发更新布局。像这样：

function showCharityInfo() {
var charityInfo = "All about this charity....";
$('#mypanel').html(charityInfo);
$('#mypanel').trigger('updatelayout');
}