51dev.com IT技术开发者社区

51dev.com 技术开发者社区

关于Jquery WEUI Popup的笔记

Html5互联网报道28352017-07-07 收藏0次评论

打开弹出层的按钮

<a href="javascript:;" class="open-popup" data-target="#bottomb">

<p>打开弹出层</p>

</a>

其中 class='open-popup' 和 data-target="#bottomb"

两个属性不可缺少,前者表示点击链接需要打开一个 popup,后者是这个popup的选择器

 

 

 

底部弹出层(默认是隐藏 不要乱加样式)

<div id="bottomb" class="weui-popup__container popup-bottom">
      <div class="weui-popup__overlay"></div>
      <div class="weui-popup__modal">

我是内容内容~~

</div>
    </div>

全屏弹出层 只需要删除Class中的 popup-bottom

以上就是关于Jquery WEUI Popup的笔记的全部内容,请多关注【51DEV】IT技术开发者社区。