<!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>
自写插件配置html结构的方法
最新推荐文章于 2021-06-04 19:02:17 发布