jquery - 如何编写弹出窗口功能？

Question

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

在success我想弹出一个固定高度和宽度的窗口。窗口直角上有一个封闭的单点。我做了以下，但它不起作用。

我添加了div一个名为success-tip. 我给它添加了一些样式并首先隐藏它。然后我使用以下内容：

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

它不会弹出。我需要对我的代码做什么？提前致谢。

Answer 1

<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弹出

在你的成功函数中写下这段代码