jQuery插件--DivAlert之旅（三）

　　虽然前面已经写过两篇关于DivAlert的随笔了，也已经实现了我的需求，但是今天发现很多jQuery插件代码中都使用了extend方法，这样确实让默认设置的代码减少了许多。

　　本版本遵循了2.0的写法，此处通过extend方法封装了需要设置的各个选项，比起2.0版本的代码要精简了一些。

 1        //设置插件基本信息
 2       var options = o || {};
 3         options.width = o.width || 300;
 4         //提示框宽度若小于104px则自动重置为200px
 5          if (options.height > 104) {
 6             options.height = o.height;
 7         } else {
 8             options.height = 200;
 9         }
10         options.title = o.title || "提示标题";
11         options.content = o.content || "提示内容";
12 
13         //与css文件结合，方便在外部自定义样式而不用改写js文件
14          options.bgClass = o.bgClass || 'jBg';
15         options.wrapClass = o.wrapClass || 'jWrap';
16         options.titClass = o.titClass || 'jTit';
17         options.conClass = o.conClass || 'jCon';
18         options.clsClass = o.clsClass || 'jBtn';
19         options.botDivClass = o.botDivClass || 'jBot';
20         options.botBtnClass = o.botBtnClass || 'jBotBtn';

 1         //设置插件基本信息
 2          var settings = {
 3             width: 300,
 4             height: 200,
 5             title: "提示标题",
 6             content: "提示内容",
 7             bgClass: 'jBg',
 8             wrapClass: 'jWrap',
 9             titClass: 'jTit',
10             conClass: 'jCon',
11             clsClass: 'jBtn',
12             botDivClass: 'jBot',
13             botBtnClass: 'jBotBtn'
14         };
15         $.extend(settings, options);

　　都是些很基础的东西，不过还是打个包吧，有兴趣的可以下来瞧瞧。。。

　　完整代码：Demo

作者：Rocky翔
出处：http://www.cnblogs.com/RockyMyx/
本文版权归作者和博客园共有，欢迎转载，但请在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。