jq-modal

0.1.12 • Public • Published

jq-modal

模态框(jquery插件)

使用

  • 模拟系统弹框
 
    import {alert,confirm} from 'jq-modal';
    
    alert('test');
    
    confirm('Sure you want to exit?',{
        successCallback:function(){
            console.dir('successCallback');
 
        },
        cancelCallback:function(){
            console.dir('cancelCallback');
        }
    });
   
  • 自定义弹框
 
    <div id="dialog-test" style="width: 500px;height: 300px;display: none;">
        <div class="header">自定义标题</div>
        <div class="content">
            自定义内容
        </div>
        <div class="footer">
            自定义button
        </div>
    </div>
 
    import {mask} 'jq-modal';
    
    //jquery plugs
    $('#dialog-test').mask({
        closeCallback:()=>{
            console.dir('关闭2');
        }
    });
    
    //or
    mask($('#dialog-test'),{
        closeCallback:()=>{
            console.dir('关闭2');
        }
    });

示例查看

下载源码至本地后执行

 
    npm install 
    npm run demo

Package Sidebar

Install

npm i jq-modal

Weekly Downloads

1

Version

0.1.12

License

MIT

Last publish

Collaborators

  • future_team