如何在基础应用程序中正确关闭动作表

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>

我如何告诉基础应用程序关闭操作表时，点击链接?如果可能的话，我宁愿不命名我的动作表。从文档中，似乎我应该能够将zf-hide=""或zf-close=""添加到链接中，但两者都不起作用。

Answer 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>