0

对于我的移动应用程序，我使用具有多页布局（一个 html，多个页面）的 jquery mobile。我在具有相同页脚 ID 的所有页面上引用了页脚。在其中一页上，页脚文本已更改。如何将此更改传播到我的多页 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 页，用户选择了一个日期，该日期包含在 page2 的页脚中：

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

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

4

1 回答 1

1

您应该能够通过选择元素的另一个方面来更新页面上的所有元素（除了使用 '#' 符号按 id 选择）。这个想法是根据他们都共享的属性/方面进行选择，例如您专门为他们提供的类。

我还发现成功的方法是选择“以”“某物”开头的属性，如下所示：

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

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

您可以在此处查看其他类似选择的示例。

于 2012-04-09T12:17:53.287 回答