这篇文章主要介绍“messenger是什么”,在日常操作中,相信很多人在messenger是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”messenger是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
Messenger弹窗的使用,messenger依赖与jquery和Backbone.js,可以和Bootstrap完美结合,但Bootstrap并不是必需的。
Messenger弹窗的使用
1.首先要引用css文件,一个是全局的css文件即messenger.css,一个是主题风格的样式文件messenger-theme-future.css
<linkhref="/Content/scripts/messenger/messenger.css"rel="stylesheet"/>
<linkhref="/Content/scripts/messenger/messenger-theme-ice.css"rel="stylesheet"/>
2.引入js文件,与css一样,一个是全局的js,即messenger.min.js,一个是主题样式js,messenger-theme-future.js,
<scriptsrc="/Content/scripts/messenger/messenger.min.js"type="text/JavaScript"></script>
<scriptsrc="/Content/scripts/messenger/messenger-theme-future.js"type="text/JavaScript"></script>
3.文件引入好后,开始配置弹窗的主题,及弹窗出现在页面上的位置
有四种主题可选,弹出框有6个位置可供选择
Future对应messenger-theme-future.css
Block对应messenger-theme-block.css
Air对应messenger-theme-air.css
Ice对应messenger-theme-ice.css
怎么调用messenger的接口
$.globalMessenger().post({
message:"发生错误,请稍后重试!",
hideAfter:3,
type:'error',
showCloseButton:true
});
到此,关于“messenger是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。