Listview jquerymobile：如何在嵌套列表的标题中保留标题

在我的小应用程序中，我有一个使用jQuery mobile的嵌套列表。如果单击列表中的某个项目，则标题中的标题将更改，并显示我单击的项目的标题。我如何才能实现页眉保持与以前页面相同的效果

例如：

        <div data-role="page" id="newspage" data-theme="a">

        <div data-role="header" data-position="fixed">
            <a href="#home" data-role="button" data-icon="home" data-iconpos="notext" data-mini="true" data-inline="true" data-transition="slide" data-direction="reverse">Home</a>
            <h1>News</h1>
        </div>

        <div data-role="content" id="newsList">
            <ul data-role="listview">
                <li>
                    <h2>News 1</h2>
                    <p>This is a short version of news 1</p>
                    <ul>
                        <li>
                            <h2>News 1</h2>
                            <p>This is the text of news 1</p>
                        </li>
                    </ul>
                </li>
                <li>
                    <h2>News 2</h2>
                    <p>This is a short version of news 2</p>
                    <ul>
                        <li>
                            <h2>News 2</h2>
                            <p>This is the text of news 2</p>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

新闻


新闻1
这是新闻1的简短版本



新闻1
这是新闻1的文本





新闻2
这是新闻2的简短版本



新闻2
这是新闻2的文本

因此，如果我点击“新闻1”，标题中的标题会变为“新闻1”，当然会显示嵌套的项目。但是我希望在嵌套项的标题中包含“News”，就像之前在header div中定义的那样。我希望我清楚地说明了我想要什么。：-）你知道怎么做吗

谢谢

是您的解决方案。您将在HTML的末尾找到解决方案

代码示例：

 $(':jqmData(url^=newspage)').live('pagebeforecreate',function (event) {
      var title =  $(':jqmData(url^=newspage)').find(':jqmData(role=header) h1').html();
      $(this).filter(':jqmData(url*=ui-page)').find(':jqmData(role=header)').html('<h1>' + title + '</h1>');
 });

---

newspage是listview容器页面的id。

太棒了！非常感谢！

$(':jqmData(url^=newspage)').