学习Jquery插件,并调用外部对象,对象使用静态方法,
/*
Jquery.fluginMsg.js
*/
(function ($) {//Start
//NumOjb开始 注对象函数必须写在此处
function NumObj() {
//调用静态方法
NumObj.Add();
// alert(NumObj.Index);
}
///静态变量
NumObj.Index = 0;
///静态方法
NumObj.Add = function () { NumObj.Index++; }
//NumObj结束
///插件开始
$.fn.fluginMsg = function (options) //funtion Start
{
NumObj();
var defaults = { text: 'div_' + NumObj.Index };
var opt = $.extend(defaults, options);
//return each 开始
return this.each(function () {
// alert(opt.txt);
var div_id = 'div_' + NumObj.Index;
var div = $("<div id=" + div_id + ">" + opt.text + "</div>");
$(this).append(div);
div.bind("click", function () { alert(div_id); });
// var temp = $(this).val();
/*
$(this).hover( //hover Start ---
function () {
$(this).val(options.txt);
},
function () {
$(this).val(temp);
}
) //hover End -----
*/
}); // //return each 结束
} //function End 插件结束
} //End
)
(jQuery);
前台
@section Script
{
<script type="text/javascript">
//src="../../Scripts/jquery-1.7.2.js"<input id="Text1" value="测试" type="text" />
$(function () {
//alert('msg');
$("#div").fluginMsg();
$("#div").fluginMsg();
})
</script>
}