Question

自定义JQuery插件.扩充方法

(function ($) {
$.extend(true,{
lbtDialog:{
lbtWidth:false, //dialog宽度
lbtHeight:false,//dialog高度
lbtTitle:false,//标题
//创建并设定div的参数
lbtSetDiv:function(){
//防止重复打开
if (lbtDiv) {
return;
}
var newLeft, newTop, newWidth, newHeight;
this.lbtBody = document.body;

lbtDiv = lbtCElement("div");
lbtDiv.id = "lbtPanelDiv";
lbtDiv.style.position = "absolute";
lbtDiv.style.backgroundColor = "#E5E5E5"
lbtDiv.style.padding = "2px 5px 5px 2px";
lbtDiv.style.overflow = "hidden";
lbtDiv.style.zIndex = 1;

//设定打开的大小和位置
Function()
{
newWidth = this.lbtWidth ? this.lbtWidth : "300px";
newHeight = this.lbtHeight ? this.lbtHeight : "300px";
newLeft = (this.lbtBody.clientWidth - parseInt(newWidth)) / 2 + "px";
newTop = (this.lbtBody.clientHeight - parseInt(newHeight)) / 2 + "px";

lbtDiv.style.width = newWidth;
lbtDiv.style.height = newHeight;
lbtDiv.style.left = newLeft;
lbtDiv.style.top = newTop;
}
lbtDiv = this.lbtSetChild(lbtDiv);
this.lbtBody.appendChild(lbtDiv);

var ipt = document.getElementsByTagName("input");
for ( var i = 0; i < ipt.length; i++) {
ipt[i].disabled = true;
}
},
}
});
jQuery.fn.extend({
showLbtDialog: function(p) {
var lbt = $.extend(true,{},$.lbtDialog,p);
return lbt.lbtSetDiv;
}
});
})(jQuery)
但是我怎么调用 lbtSetDiv这个方法呢...

Answer 1

你后面扩展写成了"showLbtDialog"这个函数，所以调用方式是$("#div").showLbtDialog();

如果想调用原始的扩充，调用方式是:$.lbtDialog.lbtSetDiv

你看
jQuery.fn.extend({
showLbtDialog: function(p) {
var lbt = $.extend(true,{},$.lbtDialog,p);
return lbt.lbtSetDiv;
}

这一段里面其实已经有过调用方法了

Answer 2

直接调用，

$("#div").lbtDialog();
或者自定参数，

$("#div").lbtDialog({lbtWidth:400,lbtHeight:250,lbtTitle:false});

追问

可是还没执行到lbtDialog下的 lbtSetDiv 这个方法...

Answer 3

lbt.lbtSetDiv()