Question

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

<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=""添加到链接中，但都不起作用。

Answer 1

从this看起来默认情况下它只会在您点击它之外时关闭。从this开始，我认为您必须在其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>

如何正确关闭Foundation Apps中的操作表？

1 个答案: