Jquery Mobile永久页脚-更改所有页面上的内容

我的页面上的永久页脚有问题。我正在用Jquery Mobile创建一个web应用程序

当我点击Add1按钮时，我的页脚会更新“订单（1）”并递增，但当我导航到第二页时，我只看到“订单”，没有数字

我的问题是，我如何解决这个问题

---

我想为所有页面保留相同的页脚。

我查看了您的项目站点，您的代码有一些错误。我会逐一解释的

您多次使用相同的ID名称（objednavka）。ID名称在文档中必须是唯一的，并且不能多次使用

如果要更新具有相同名称的多个元素，请改用

class

您不需要使用pagebeforecreate，因为您在一个文档中有一个多页模板（多页），并且在pageload时只加载第一个模板。您需要一次创建所有导航栏，以同时更新订单和总计

要向变量添加1，更好的方法是使用plus plus（myvar++）

不要在单击“添加1”时再次更新包含（订单）文本的整个订单按钮，而是在订单旁边使用一个带有

class=“objednavka”

的span，并在那里更新新的编号

在Jquery Mobile中，我们不使用

$（document）.ready（function（）{

）作为它的框架，它有自己的事件。相反，可以根据需要使用这些JQM事件

在这里可以找到Jquery移动页面事件的另一个不错的指南

trigger create

已弃用，不再使用，尽管它仍然有效。您不需要在代码中使用它

演示

您的新代码

 $('<div>').attr({'data-role':'footer','data-theme':'a','data-position':'fixed','data-
 id':'footer', 'data-tap-toggle': "false"}).append('\
 <div data-role="navbar">\
 <ul>\
 <li class="lii"><a href="#mypanel" data-icon="shop">Order (<span class="objednavka">0</span>)</a> 
 </li>\
 <li><a href="#ucet" data-icon="gear" >My acc</a></li>\
 </ul>\
</div>').appendTo('#jidlo, #napoje, #ucet');    

var cisloKliku = 1;

$( document ).on( 'click', '.button', function () {

    $( ".objednavka" ).text(cisloKliku)

        cisloKliku++;
    });

$（“”）.attr（{'data-role'：'footer'，'data-theme'：'a'，'data-position'：'fixed'，'data-
id'：'footer'，'data tap toggle'：“false”}）.append（'\
\
\

\
\
\
"","基德洛","纳波杰","乌塞特",；
var-cisloKliku=1；
$（文档）.on（'click'，'button'，函数（）{
$（“.objednavka”）.text（西斯洛克利库）
西斯洛克利库++；
});

HTML更改

<h2 class='ucet_nadpis'>Moje objednávky: <span class="objednavka"></span></h2>

Moje objednávky：