Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jqueryui&x27;不能在jQuery插件内部工作_Jquery_Jquery Ui_Jquery Plugins_Easing - Fatal编程技术网

jqueryui&x27;不能在jQuery插件内部工作

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({

所以,我正在创建一个插件来显示一些模态,我正在创建模态打开和关闭动作的动画,当我尝试插入一些jQuery UI时,动画就不会发生了。。。这是我的代码,你怎么看:

$.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中没有任何作用:(