{"id":18814486,"url":"https://github.com/jsoon/bootstrap-popup","last_synced_at":"2026-03-19T06:33:27.791Z","repository":{"id":81012813,"uuid":"53297342","full_name":"JSoon/bootstrap-popup","owner":"JSoon","description":"A enhanced window popup widget based on twitter bootstrap modal.","archived":false,"fork":false,"pushed_at":"2016-07-22T02:42:19.000Z","size":104,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-12-30T00:48:33.450Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/JSoon.png","metadata":{"files":{"readme":"README.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-03-07T05:07:21.000Z","updated_at":"2022-12-02T19:08:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"8f525ff0-8689-4a89-aa3e-82c7eaf9caa7","html_url":"https://github.com/JSoon/bootstrap-popup","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JSoon%2Fbootstrap-popup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JSoon%2Fbootstrap-popup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JSoon%2Fbootstrap-popup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JSoon%2Fbootstrap-popup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JSoon","download_url":"https://codeload.github.com/JSoon/bootstrap-popup/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239750272,"owners_count":19690605,"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":[],"created_at":"2024-11-07T23:41:20.292Z","updated_at":"2026-01-13T04:30:20.709Z","avatar_url":"https://github.com/JSoon.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# bootstrap-popup\nA enhanced window popup widget based on twitter bootstrap modal.\n\n------\n##Usage\n\nFirst of all, you should import bootstrap-popup, which is dependent on jquery and bootstrap.js:\n```html\n\u003cscript src=\"//cdn.bootcss.com/jquery/2.2.0/jquery.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"dist/bootstrap-popup.min.js\"\u003e\u003c/script\u003e\n```\n\n### Toast\n![此处输入图片的描述][1]\n\u003e $.bs.popup.toast(opts, callback);\n```javascript\n$.bs.popup.toast({\n    title: 'Title',\n    info: 'This is a toast.'\n}, function(dialogE) {\n    // todos here\n});\n```\n\n### Confirm\n![此处输入图片的描述][2]\n\u003e $.bs.popup.confirm(opts, callback);\n```javascript\n$.bs.popup.confirm({\n    title: 'Title',\n    info: 'Do you want to confirm?'\n}, function(dialogE) {\n    // todos here\n});\n```\n\n### Prompt\n![此处输入图片的描述][3]\n\u003e $.bs.popup.prompt(opts, callback);\n```javascript\n$.bs.popup.prompt({\n    title: 'Title',\n    info: 'Input your name, please.'\n}, function(dialogE, message) {\n    // todos here\n});\n```\n\n### Custom\n![此处输入图片的描述][4]\n\u003e $.bs.popup.custom(opts, callback);\n```javascript\n$.bs.popup.custom({\n    title: 'Title',\n    dom: '\u003cdiv class=\"custom\"\u003e\u003ch1\u003eThis is a custom DOM.\u003c/h1\u003e\u003c/div\u003e',\n    width: '200px'\n}, function(dialogE) {\n    // todos here\n});\n```\n\n## Documents\nFor more usage, please check bootstrap-popup.html.\n\n\n  [1]: https://raw.githubusercontent.com/JSoon/bootstrap-popup/master/pics/1_toast.png\n  [2]: https://raw.githubusercontent.com/JSoon/bootstrap-popup/master/pics/2_confirm.png\n  [3]: https://raw.githubusercontent.com/JSoon/bootstrap-popup/master/pics/3_prompt.png\n  [4]: https://raw.githubusercontent.com/JSoon/bootstrap-popup/master/pics/4_custom.png\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsoon%2Fbootstrap-popup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjsoon%2Fbootstrap-popup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjsoon%2Fbootstrap-popup/lists"}