JQ插件开发demo
如果只封装一个方法的话,比如bootstrap的弹出层:
XML/HTML Code复制内容到剪贴板
- (function ($) {
- $.fn.tooltip = function (options) {
- //创建一些默认值,拓展任何被提供的选项
- var dft = {
- 'title': '信息',
- 'content': 'error!'
- };
- var ops = $.extend(dft,options);
- $('#tips').on('show.bs.modal', function (event) {
- var modal = $(this)
- modal.find('.modal-title').text(ops.title)
- modal.find('.modal-body').html(ops.content);
- });
- $('#tips').modal('toggle');
- };
- })(jQuery);
调用方式:
JavaScript Code复制内容到剪贴板
- $("div").tooltip({
- title:'错误',
- content:'待解析的字符不能为空'
- });
如果该插件,有多个方法的话:执行方法的时候 后面有一个参数arguments,1表示不传递参数,0表示传递,如果要传参,改为0
JavaScript Code复制内容到剪贴板
- (function ($,window) {
- var methods = {
- init: function (options) {
- $('#tips').modal('toggle');
- },
- show: function () {
- // is
- },
- hide: function () {
- // good
- },
- error: function (options) {
- var dft = {
- 'title': '信息',
- 'content': 'error!'
- };
- var ops = $.extend(dft,options);
- $('#tips').on('show.bs.modal', function (event) {
- var modal = $(this)
- // var title = options.title ? options.title:'信息'
- modal.find('.modal-title').text(ops.title)
- modal.find('.modal-body').html(ops.content);
- });
- $('#tips').modal('toggle');
- }
- };
- $.fn.tooltip = function (options) {
- // 方法调用
- if (methods[options.method]) {
- return methods[options.method].apply(this, Array.prototype.slice.call(arguments, 0));
- } else if (typeof options.method === 'object' || !options.method) {
- return methods.init.apply(this, arguments);
- } else {
- return methods.error.apply(this, arguments);
- // $.error('Method' + options.method + 'does not exist on jQuery.tooltip');
- }
- };
- })(jQuery,window);
调用方法:
JavaScript Code复制内容到剪贴板
- $("div").tooltip({
- method:'error',
- title:'错误',
- content:'待解析的字符不能为空'
- });
- [̲̅V̲̅I̲̅P̅]☆冰★手☆2023-06-23 03:11:43来自:JQ插件开发demo一直在用@武 请问你是怎么解决 前台上传 数据内含有<br /> 且后台不显示图片列表 问题的喜欢(0)回复
- 唐伯虎点蚊香能不能加上生成缩略图呢
- 你我之间你好,我这里安装后无法删除,没有找到原因。后来在演示站中操作,可以删除,但是在提交文章保存后再次编辑,图片又回来了。
- 叶知秋这个是一个很完美的插件,我的7.5版本,后台多图上传正常,前台上传时在每个图片 id结尾处增加了了个<br /> 比如: t0151a5b74b6a33b539.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/e5fe70c408d42d5a005ac376a93f1357.jpg::::::14 <br />t0155b3a05e5bc3ba7f.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/a3a084a722e40d497925f0ab19895106.jpg::::::15 <br />t0172891b82850db6d8.jpg::::::/e/extend/uploadImg/upload/upload_files/2020-03-05/8ad30835a792516601df5942721feb63.jpg::::::16 <br />,这样导致图片无法在编辑中显示!另外删除时数据库中删除了,但本地图片还在,希望作者有空改进下
- 怀瑾握瑜升级到7.5,正常使用,需要注意图集字段建主表,且模型中要勾选,列表页也要勾选,不然无法删除,打记号。
- 思念水的鱼怎么增加排序?有的时候上传的图片比较乱,需要重新排序,是不是可以在前面加个序号?能修改的序号,方便后期的图片顺序修改。