1

我有与示例完全相同的操作表:

<div zf-action-sheet="">
  <div zf-as-button="" title="I'm an Action Sheet"></div>
  <div zf-as-content="" position="bottom">
    <p>Tap to share</p>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">Mail</a></li>
    </ul>
  </div>
</div>

单击链接时,如何告诉 Foundation Apps 关闭操作表?如果可能的话,我宁愿不命名我的行动表。从文档看来,我应该能够添加zf-hide=""或添加zf-close=""到链接,但都不起作用。

4

1 回答 1

1

由此看来默认情况下,只有在您单击它外部时它才会关闭。因此,我认为您必须在其id属性中命名您的操作表。然后你可以zf-close在你的链接里面使用。

这对我有用,但该href属性将被忽略,除非您改用该链接,否则该链接不会带您到任何地方ui-sref

<div id="MyActionSheet" zf-action-sheet="">
  <div zf-as-button="" title="I'm an Action Sheet"></div>
  <div zf-as-content="" position="bottom">
    <p>Tap to share</p>
    <ul>
      <li><a zf-close="MyActionSheet" href="#">Twitter</a></li>
      <!-- 'href' attribute will be ignored so this is same as href="#"-->
      <li><a zf-close="MyActionSheet" href="/Facebook">Facebook</a></li>
      <!-- this will take you to the 'mail' page -->
      <li><a zf-close="MyActionSheet" ui-sref="mail">Mail</a></li>
    </ul>
  </div>
</div>
于 2015-09-05T20:48:37.127 回答