Как правильно закрыть лист действий в приложениях Foundation?

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 приложения, чтобы закрыть лист действий при нажатии на ссылки? Я бы предпочел не называть мой лист действий, если это возможно. Из документов мне кажется, что я могу просто добавить 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>