jQuery弹出层layer插件的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery弹出层layer插件的使用相关的知识,希望对你有一定的参考价值。

引入插件layer

触发弹出层的按钮/链接

<a href="javascript:showPop();">
    <img src="" />
</a>

弹出层内容

<div style="display: none">
     <div id="attention" style="text-align:left;max-height:5rem;overflow-y:scroll;">
          <p>这是显示在弹出层里的文字</p>
      </div>
 </div>

js内容

    function showPop(){
        layer.open({
            content: $("#attention").prop("outerhtml"),
            style: "text-align: left;"
        });
    };

 纯粹新手记录,一个简单的小用法,更多功能请查看layer官方演示与讲解,以后多用多熟悉吧~

以上是关于jQuery弹出层layer插件的使用的主要内容,如果未能解决你的问题,请参考以下文章

layer(jQuery弹出层插件)

jquery layer怎么弹出指定的html内元素

使用Layer插件遇到的坑——Layer弹出层闪退

layer/layui弹出层插件bug

layui弹出层怎么不显示

layer弹出框为确定按钮绑定事件访问后台