jqueryui&x27;不能在jQuery插件内部工作
所以,我正在创建一个插件来显示一些模态,我正在创建模态打开和关闭动作的动画,当我尝试插入一些jQuery UI时,动画就不会发生了。。。这是我的代码,你怎么看:jqueryui&x27;不能在jQuery插件内部工作,jquery,jquery-ui,jquery-plugins,easing,Jquery,Jquery Ui,Jquery Plugins,Easing,所以,我正在创建一个插件来显示一些模态,我正在创建模态打开和关闭动作的动画,当我尝试插入一些jQuery UI时,动画就不会发生了。。。这是我的代码,你怎么看: $.fn.modal = function(a, c){ var object = function(){ if( typeof(a) === "object" ){ return a; } } var settings = $.extend({
$.fn.modal = function(a, c){
var object = function(){
if( typeof(a) === "object" ){
return a;
}
}
var settings = $.extend({
title: "Atenção",
action: "open",
type: "login",
width: "small"
}, object() );
var div = $('<div id="modal"><div class="modal-cont odd-correction ' + settings.width + '"><div class="head">' + settings.title + '</div><div class="body"><div class="body-cont"></div></div></div></div>'),
divCont = div.find(".modal-cont"),
divBody = divCont.find(".body"),
divBodyCont = divBody.find(".body-cont"),
divHead = divCont.find(".head");
function returnCallBack(c){
if( typeof(c) === "function" ){
return c();
}
}
function modalContent(){
var data;
$.get( "modal/" + settings.type, function(r){
data = r;
}).complete(function(){
console.log(data);
divBodyCont.html(data);
divBodyCont.slideDown("easeInOutQuart", function(){
$(this).animate("easeInOutQuart", {opacity: 1});
});
});
}
function openModal(c){
$("body").prepend(div);
div.animate("easeInOutQuart", {
opacity: 1
}, function(){
divCont.animate("easeInOutQuart", {opacity: 1}, function(){
modalContent();
});
});
returnCallBack(c);
}
function closeModal(c){
alert("close");
returnCallBack(c);
}
this.on("click", function(e){
e.preventDefault()
if( typeof(a) === "function" ){
openModal(a);
} else{
openModal(c);
}
});
return this;
};
$("#register-trigger").modal({
title: "Cadastre-se",
width: "big"
});
$.fn.modal=函数(a,c){
var对象=函数(){
if(类型(a)=“对象”){
返回a;
}
}
变量设置=$.extend({
标题:“阿滕ção”,
行动:“开放”,
键入:“登录”,
宽度:“小”
},object());
var div=$(''+settings.title+''),
divCont=div.find(“.modal cont”),
divBody=divCont.find(“.body”),
divBodyCont=divBody.find(“.body cont”),
divHead=divCont.find(“.head”);
函数returnCallBack(c){
if(类型(c)=“功能”){
返回c();
}
}
函数modalContent(){
var数据;
$.get(“模式/”+settings.type,函数(r){
数据=r;
}).complete(函数(){
控制台日志(数据);
divBodyCont.html(数据);
divBodyCont.向下滑动(“easeInOutQuart”,函数(){
$(this.animate(“easeInOutQuart”,{opacity:1});
});
});
}
函数OpenModel(c){
$(“正文”)。预付款(部门);
div.animate(“easeInOutQuart”{
不透明度:1
},函数(){
divCont.animate(“easeInOutQuart”,{opacity:1},function(){
modalContent();
});
});
返回(c);
}
函数关闭模式(c){
警报(“关闭”);
返回(c);
}
点击此按钮,功能(e){
e、 预防默认值()
if(类型(a)=“功能”){
openModal(a);
}否则{
openModal(c);
}
});
归还这个;
};
$(“#寄存器触发器”).modal({
标题:“地籍se”,
宽度:“大”
});
这是一把小提琴:单击小提琴中的元素在chrome中没有任何作用:(