Javascript jQuery mobile在页面更改后保存更改

我正在尝试使用javascript动态更改标题。我使用点击事件通过id获得li的名字。问题是，它只在几秒钟内显示标题，然后在页面更改后，标题消失

<div data-role="main" id="page-content-ajax" class="ui-content jqm-content jqm-fullwidth">
    <ul data-role="listview" data-inset="true">
       <li class="li-el"><a href="flow/movements/movements.php" id="Movements">Movements</a></li>
</ul>
</div>

<script>
    $(document).ready(function() {
        $("#page-content-ajax").on('click', '.li-el', function() {
            var search_r = $('a', this).attr('id');
            $("#title-header").html(search_r); // just to check it works
        });
    });
</script>

$（文档）.ready（函数（）{
$（“#页面内容ajax”）。在（'click'，'li el'，function（）上{
var search_r=$（'a'，this.attr（'id'）；
$（“#title header”）.html（search#r）；//只是为了检查它是否有效
});
});

我认为如果您想留在该页面，您需要在代码中使用AJAX post。

在外部页面完全加载到DOM并创建之后，您需要收听

PageContainerDeforTransmission

。此外，您还需要定义一个全局变量，该变量包含新的标题，以便能够从任何函数访问它

var title = '';

绑定

单击

以在主页的

页面创建

上（即

#主页

）列出查看项目

$(document).on("pagecreate", "#HomePage", function () {
    $("li a").on("click", function () {
        title = $(this).attr("id");
    });
});

$(document).on("pagecontainerbeforetransition", function (e, ui) {
    $(".ui-header .ui-title", $(ui.toPage[0]).not( $("#HomePage") ) ).text(title);
});

更新

PageContainerBeforTransmission

上的标题。您可以使用其他事件，但更改将在显示页面时发生，这对用户来说可能是显而易见的

ui.toPage

对象保存即将显示的页面的数据。它用于查找其中的标题以定位其标题

请注意，您只想更改

#HomePage

以外的页面标题，因此，我使用了

.not（）

选择器来排除

#HomePage

$(document).on("pagecreate", "#HomePage", function () {
    $("li a").on("click", function () {
        title = $(this).attr("id");
    });
});

$(document).on("pagecontainerbeforetransition", function (e, ui) {
    $(".ui-header .ui-title", $(ui.toPage[0]).not( $("#HomePage") ) ).text(title);
});

---

一个页面将被更改，标题将被更改，因为您已动态添加标题！这其中有什么问题？您使用的是什么jQM版本？jQM 1.4-页面更改后，我希望标题保持不变，以免消失。您使用的是内部还是外部？请添加更多详细信息。内部页面。我也尝试过使用pagecontainerload，但它不起作用，我不想呆在那个页面上。我想更改页面和标题。我在第一页中通过li id获取标题的倾斜，单击此li后，它获取id并显示heder，但当转到其他页面时，它将消失。您正在使用ready函数（）中的单击事件。。。一旦你改变了页面，它会重新加载，所以，在那个时候，它不会进入里面的点击功能。。。