{"id":18387333,"url":"https://github.com/terryz/bdialog","last_synced_at":"2025-04-07T00:34:10.056Z","repository":{"id":57189361,"uuid":"92648354","full_name":"TerryZ/bDialog","owner":"TerryZ","description":"Extend the Bootstrap Modal features, making dialog more functions and easier to use, dialog type including modal, alert, mask and toast types","archived":false,"fork":false,"pushed_at":"2018-10-13T03:30:04.000Z","size":236,"stargazers_count":176,"open_issues_count":3,"forks_count":27,"subscribers_count":20,"default_branch":"master","last_synced_at":"2024-10-10T23:05:38.251Z","etag":null,"topics":["alert","bootstrap","dialog","dialog-box","javascript","jquery","jquery-plugin","mask","modal","modal-dialogs","multiple-layers","notifications","toast-dialog"],"latest_commit_sha":null,"homepage":"https://terryz.github.io/bdialog","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/TerryZ.png","metadata":{"files":{"readme":"README-CN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-05-28T08:10:03.000Z","updated_at":"2024-04-12T08:59:16.000Z","dependencies_parsed_at":"2022-09-15T06:21:46.728Z","dependency_job_id":null,"html_url":"https://github.com/TerryZ/bDialog","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FbDialog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FbDialog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FbDialog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/TerryZ%2FbDialog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/TerryZ","download_url":"https://codeload.github.com/TerryZ/bDialog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223268543,"owners_count":17116826,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["alert","bootstrap","dialog","dialog-box","javascript","jquery","jquery-plugin","mask","modal","modal-dialogs","multiple-layers","notifications","toast-dialog"],"created_at":"2024-11-06T01:25:44.552Z","updated_at":"2024-11-06T01:25:45.536Z","avatar_url":"https://github.com/TerryZ.png","language":"JavaScript","readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"logo/vertical.png\" alt=\"bDialog\" height=\"200px\"\u003e\u003c/p\u003e\n\n# bDialog\n\n基于Boostrap Modal开发的可多层嵌套、定制灵活的模态窗口\n\n## 入门指南、DEMO、文档\n\n更多实例、文档请访问：\n- [English official site](https://terryz.github.io/bdialog/index.html)\n- [国内站点](https://terryz.gitee.io/bdialog/index.html)\n\nVueJS版本： [v-dialogs](https://github.com/TerryZ/v-dialogs)\n\n## 如果您觉得项目还不错，还请给项目（github/码云）加个Star\n\n## 插件预览\n\n**模态窗口模式**\n![bDialog](https://terryz.github.io/image/bDialog.png)\n**消息对话框模式**\n![bDialogAlert](https://terryz.github.io/image/bDialogAlert.png)\n**遮罩模式**\n![bDialogMask](https://terryz.github.io/image/bDialogMask.png)\n**边角通知窗口模式**\n![bDialogToast](https://terryz.github.io/image/bDialogToast.png)\n\n## 主要特性\n\n\u003cul\u003e\n  \u003cli\u003e基于jQuery、bootstrap2,3进行开发\u003c/li\u003e\n  \u003cli\u003e可多层嵌套，并拥有各自独立的上下文\u003c/li\u003e\n  \u003cli\u003e灵活的窗口元素定制\u003c/li\u003e\n  \u003cli\u003e模态窗口模式可载入服务端页面、远程页面、页面静态元素等内容\u003c/li\u003e\n  \u003cli\u003e消息对话框模式，包含info、warning、error、success、confirm等模式\u003c/li\u003e\n  \u003cli\u003e遮罩模式，遮挡全部元素，待指定功能完成后，再移除遮罩，满足加载待的需求\u003c/li\u003e\n  \u003cli\u003e边角通知窗口模式，包含info、warning、error、success等模式，且有六个角落的显示位置\u003c/li\u003e\n  \u003cli\u003e可在同一页面下展示各种不同样式、风格的窗口皮肤\u003c/li\u003e\n  \u003cli\u003e浏览器尺寸发生改变时，窗口将自动重新定位到浏览器中心区域\u003c/li\u003e\n  \u003cli\u003e模态窗口区域外点击、窗口自动定位等场景均有相应的提醒动画效果\u003c/li\u003e\n  \u003cli\u003e丰富的回调函数\u003c/li\u003e\n  \u003cli\u003e浏览器支持IE8+,chrome,firefox\u003c/li\u003e\n\u003c/ul\u003e\n\n## 目标用户群体\n\n插件针对在项目中使用了Bootstrap作为基础UI框架，同时更希望使用Bootstrap原生态组件的群体。\n\nbDialog开发之初，目的是为了统一开发团队对于Bootstrap Modal的使用方式，例如统一设置背景点击不关闭窗口，关闭底部按钮区域，统一设置参数接收，回调函数等基础功能；后续更是着重解决了窗口多层嵌套打开的功能需求，尤其是解决了该死的IE8下多层打开会导致浏览器崩溃的问题。\n\nBootstrap原生提供的功能组件，功能性相对较弱，bDialog并不重新造轮子，而是在原生组件的基础上进行功能加强、扩展，使得更符合开发上的功能需求，通过不断的功能完善和问题修复，bDialog插件就一直更新到了现在。几年来经过多个团队和多个项目的使用，将项目进行开源，希望项目可以让更多的团队，个人受益。\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fbdialog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fterryz%2Fbdialog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fterryz%2Fbdialog/lists"}