美文网首页我爱编程
toastmessage与 jquery-confirm

toastmessage与 jquery-confirm

作者: believedream | 来源:发表于2018-05-23 12:07 被阅读0次

    前言

    在项目中,我们经常需要完成某一个操作的时候,需要给用户提示。这么插件自己手写起来比较麻烦,于是在网上总结一些比较好用的插件。

    jquery-alert

    我自己写的地址
    在线案例地址

    插件 jquery.toastmessage.js

    github 地址

    https://github.com/akquinet/jquery-toastmessage-plugin

    在线演示

    http://akquinet.github.io/jquery-toastmessage-plugin/

    api 文档

    https://github.com/akquinet/jquery-toastmessage-plugin/wiki

    jquery-notice.js

    在上面基础上进行封装

     
                $.notice.warning('成功')
                $.notice.danger('成功')
                $.notice.info('成功')
                $.notice.success('成功')
    
            
    

    核心代码

    ;(function($){
        $.notice ={}
    
        $.notice.success = function(msg) {
            var options = { text: msg, type: 'success', position: 'top-center' };
            return $().toastmessage('showToast', options);
        };
    
        $.notice.danger = function(msg) {
            var options = { text: msg, type: 'error', position: 'top-center' };
            return $().toastmessage('showToast', options);
        };
    
        $.notice.info = function(msg) {
            var options = { text: msg, type: 'notice', position: 'top-center' };
            $().toastmessage('showToast', options);
        };
    
        $.notice.warning = function(msg) {
            var options = { text: msg, type: 'warning', position: 'top-center' };
            return $().toastmessage('showToast', options);
        };
    })($)
    
    
    

    jquery-comfirm.js(v3.3.0)

    jquert-confirm 网站比较齐全
    官方网站
    api文档

    相关文章

      网友评论

        本文标题:toastmessage与 jquery-confirm

        本文链接:https://www.haomeiwen.com/subject/cxkrjftx.html