如何编写弹出窗口功能?

时间:2012-12-17 11:25:41

标签: jquery

$.ajax({
    //....
    success: function() {
    },

success我要弹出一个固定的高度和宽度窗口。窗户直角上有一个封闭的单个位置。我做了如下,但它不起作用。

我添加了一个div,其中有一个名为success-tip的类。我添加了一些样式并首先隐藏它。然后我使用以下内容:

$.ajax({
    //....
    success: function() {
        success();
        $('.success-tip').show();    
    },

它没有弹出。我需要对我的代码做什么?提前谢谢。

1 个答案:

答案 0 :(得分:2)

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
jQuery(document).ready(function(){
    jQuery( "#dialog" ).dialog({ dialogClass:'custom_dialog', width: 350, zIndex: 9999, height: 398, resizable: false, draggable: false,
    show: { effect: 'drop', direction: "up"},
    hide: { effect: 'drop', direction: "up"}
});
</script>

<div id="dialog"><img src="xyz.jpg" /></div>

将弹出内容放在

<div id="dialog">your content for popup</div>

使用jquery Ui

弹出

将此代码写入您的成功函数