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');
}