有一些解决方案,如如何动态隐藏div容器?
这是我当前的实现:
<button class="button" on="tap:player.hide">hide me</button>
<button class=button" on="tap:player.show">show me</button>
<div id="player" class="show" [class]="show||hide">some content</div>
.hide {
display: none;
}
.show {
display: block;
}
只要div类在初始调用中具有值“show”,它就可以工作。
但是我想要的是禁用容器 View ,只要未单击按钮即可。
最佳答案
塞巴斯蒂安·奔驰回答并带有amp-bind:Click Here
您也可以不使用放大器绑定(bind)来实现您的目标
Here is working url
代码
<button id="playerbutton1" class="button" hidden on="tap:player.hide,playerbutton1.hide,playerbutton2.show">hide me</button>
<button id="playerbutton2" class="button" on="tap:player.show,playerbutton2.hide,playerbutton1.show">show me</button>
<div id="player" hidden>some content</div>
关于amp-html - 如何在AMP页面中动态隐藏div容器,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/52166200/