自写插件配置html结构的方法

最新推荐文章于 2021-06-03 01:22:49 发布

vcxiaohan2

最新推荐文章于 2021-06-03 01:22:49 发布

阅读量332

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/u011500781/article/details/50741393

版权

jQuery 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <title>test</title>
  <link rel="stylesheet" href="skin/base2/css/jquery.autocomplete.css" />
  <script type="text/javascript" src="skin/base2/js/jquery-1.11.3.min.js"></script>

  <style>
    * {margin: 0; padding: 0;}
  </style>
 </head>
 <body>

    

 </body>
  <script>
	;$(function() {

        /**
        * jquery.faqrobot.js plugin 1.2
        **/
        ;(function($, window, document, undefined) {
            
            var plugName = "faqrobot",
                defaults = {
                    html: ''
                };

            window.Faqrobot = Faqrobot;

            function Faqrobot(options) {
                this.name = plugName;
                this.defaults = defaults;
                this._options = options;
                this.options = $.extend({}, defaults, options);
                this.init();
            }

            Faqrobot.prototype = {
                init: function() {
                    var obj = {
                        jobA: 'worker',//@A
                        jobB: 'teacher'//@B
                    }

                    var str = '';

                    if(this._options.html) {
                        str = this.options.html.replace(/@A/, obj.jobA);
                        str = str.replace(/@B/, obj.jobB);
                    }else {
                        str = '<div><p>'+ obj.jobA +'</p><p>'+ obj.jobB +'</p></div>';
                    }
                    
                    $('body').append(str);

                }

            }

        })(jQuery, window, document);


        var FAQ = new Faqrobot({
            html: '<span><i>@B分隔符@A</i></span>'
        });









        

    });
 </script>
</html>

vcxiaohan2

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自写插件配置html结构的方法

test * {margin: 0; padding: 0;} ;$(function() { /** * jquery.faqrobot.js plugin 1.2 **/ ;(function($, window, document, undefined) {
复制链接

扫一扫