UI、JS框架----Bootstrap、Metro
Editable for Bootstrap:bootstrap-editable.js
X-editable:bootstrap-editable.js 升级版
jQuery File Upload Demo:图片、声音、视频上传
JavaScript Load Image:document
JavaScript-Canvas-to-Blob:test :图片与二进制互转
JavaScript Canvas to Blob:Document
bootstrap-table:github
bootstrap-table-examples:example
bootstrap-multiselect:github
Bootstrap Multiselect:doc & exmaple
dialog示例:onshow event
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | $.Dialog({ overlay: true , shadow: true , flat: false , icon: '' , width: 330, content: '<div class="" style="text-align:left;padding:10px;font-size:16px;">保存成功!</div>' + '<div class="size4 text-right">' + '<button class="warning" id="comfirm"><i class="icon-checkmark on-left"></i>关闭</button> ' + '</div>' , overlayClickClose: false , onShow: function (_dialog) { $( "#comfirm" , $(_dialog)).click( function () { //保存成功返回列表页 $( "#back" ).click(); }) } }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | function showAlert(message, dialogHeight, dialogWidth) { $.Dialog({ height: dialogHeight ? dialogHeight : 'auto' , width:dialogWidth?dialogWidth: 'auto' , overlay: true , shadow: true , flat: false , icon: '' , content: '<div class="" style="text-align:left;padding:20px;font-size:16px;">' + message + '</div>' + '<div class="text-right" style="padding-right:20px;">' + '<button class="warning" onclick="$.Dialog.close();"><i class="icon-cancel on-left"></i>关闭</button>' + '</div>' , overlayClickClose: false }); } |
分类:
javascript
, UI
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
· 面试官:你是如何进行SQL调优的?