Question

对于我的移动应用程序，我使用带有多页面布局的jquery移动设备（一个html，多个页面）。我在所有页面上引用了一个具有相同页脚ID的页脚。在其中一个页面上，页脚文本已更改。如何将此更改传播到我的multipage jquery移动应用程序的其他页面上的所有其他页脚。

    <div data-role="page" id="page1">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page2">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>
    <div data-role="page" id="page3">
  <header data-role="header"></header>      
      <div class="content" data-role="content"></div>
  <footer id="myfooter" data-role="footer"</footer>
    </div>

在第2页上，用户选择了一个日期，这个日期包含在第2页的页脚中：

    $('#page2' ).bind('pageshow',function(event){   
       var infoFooter = '<center>Date: ' + date_footer + '</center>';
       $('#myFooter').empty().append(infoFooter);
    });

如何将此更改传播到所有页面上的所有页脚？

Answer 1

您应该能够通过选择元素的另一个方面来更新页面上的所有元素（除了使用“＃”符号通过id进行选择）。我们的想法是根据他们共享的属性/方面进行选择，例如你专门给他们的类。

我发现成功的一件事就是选择'以'某事'开头的属性，如下所示：

$("[id^=myFooter]").empty().append(infoFooter);

这将找到所有id为以“myFooter”开头的元素。您可能需要绑定到＃page2之外的其他内容才能使其工作，但也有可能它会以任何方式传播。

您可以看到选择此类的其他示例here。

jquery mobile在多页上动态更改页脚

1 个答案: