如何解决jQuery对话框即时输入
| 我正在尝试从屏幕的侧面弹出对话框,比方说顶部。我能够通过一些肮脏的技巧来做到这一点,但是它的表现并不令人印象深刻。这是我的代码:$(\':button\').click(function() {
$(\'<div class=\"myDialog\" title=\"Test\"></div>\').dialog({
\'position\' : \'top\'
}).dialog(\'widget\').css({
\'position\' : \'fixed\',\'top\' : \'0\',\'height\' : \'0\'
}).animate({
\'height\' : \'200\'
},1000,function() {
$(this).animate({
\'top\' : \'40%\'
},1000);
});
});
jQuery UI中没有任何效果可以按照我希望的方式进行处理。有没有一种方法可以改善其性能,从而使其顺畅?如果可能的话,我想避免使用插件。
感谢您的时间。
编辑:好的,这是我在smoveofgreen的帮助下不小心想到的:
$(\':button\').click(function() {
$(\'<div class=\"myDialog\" title=\"Test\"></div>\').dialog({
\'position\' : \'top\'
}).dialog(\'widget\').css({
\'position\' : \'fixed\',\'top\' : $(document).height()+200,//Here was the crown-jewel
\'display\' : \'none\'
}).slideDown(\'slow\',function() { //Thanks to smellofgreen
$(this).animate({
\'top\' : \'40%\'
});
});
});
解决方法
我做了一些类似的事情,只使用了使用slideUp()/ slideDown()方法的缓动插件:
$(\'body\').append(\'<div id=\"terminal-status\"></div>\');
$(\'#terminal-status\').slideUp(0).load( /* load your content */ ),function () {
$(\'#terminal-status\').slideDown(900,\'easeOutCirc\');
}
没有显示可根据需要放置它的CSS。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。