JavaScript 简单的模板功能实例

前端之家收集整理的这篇文章主要介绍了JavaScript 简单的模板功能实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
感兴趣的小伙伴,下面一起跟随编程之家 jb51.cc的小编来看看吧。
JS代码如下:
  1. /**
  2. * 简单的模板功能实例
  3. *
  4. * @param
  5. * @arrange (512.笔记) jb51.cc
  6. **/
  7. var isJqueryObj = function(obj) {
  8. return obj instanceof jQuery;
  9. };
  10. /**
  11. * 构造函数
  12. * @param {object} opts
  13. */
  14. var WebDisk = function(opts) {
  15. opts = $.extend({
  16. "element": null //容器可以是JQ对象或样式名
  17. },opts || {});
  18. this.opts = opts;
  19. if (isJqueryObj(opts.element)) {
  20. this.element = opts.element;
  21. } else {
  22. this.element = $(opts.element);
  23. }
  24. this.init(); //初始化
  25. };
  26. $.extend(WebDisk.prototype,{
  27. init: function() {
  28. var elEl = this.element;
  29. var opts = this.opts;
  30. this.bindEvents(); //事件绑定
  31. },bindEvents: function() {
  32. var elEl = this.element;
  33. elEl.on('click','.xxx',function() {
  34. $(this).show();
  35. });
  36. },destroy: function() {
  37. }
  38. });
  39. // 来自:编程之家 jb51.cc(jb51.cc)

猜你在找的JavaScript相关文章