Question

我花了最近几天搜索Stack＆amp;网页文章，看看我是否能找到自己的答案。是时候咨询专家了。

代码HTML

<div id="dialog-confirm" title="Are You Sure?">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>This cannot be changed later!</p>
</div>

Code Jquery

$(".myclass").click(function() {
    var id = $(this).attr("id");
    $("#dialog-confirm").dialog({
        resizable: false,
        height: 140,
        modal: true,
        buttons: {
            'Choose This?': function() {

                var dataString = 'id='+ id ;

                $.ajax({
                    type: "POST",
                    url: "runAjax.php",
                    data: dataString,
                    cache: false,

                    success: function() {
                        $("#dialog-confirm").dialog('close');
                        window.location.reload(true);
                    }
                });                                
            },

            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });

return false;
});

Jquery对话框确认框我在每一个方面都使用完美的工作除外，对话框中显示的对话框的段落不会出现在对话框中。

p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>This cannot be changed later. Are you sure?</p>

我的头文件中包含jquery.js，jquery-ui.js。 core.js在页面的页脚中运行，它具有上面的jquery函数以及tipsy.js的函数以及一些其他ajax事件。有人看到我明显不知道的东西吗？

编辑：试图将这个添加到jsFiddle导致我看一下我的CSS有点关闭，确定

#dialog-confirm { visbility: hidden;}

这就是为什么我看不到对话框内容的原因。但是，几周前，当我最初安装此功能时，我就把它放在那里，因为段落内容在页面上显示时不应该显示。有没有人偶然知道为什么它可能会在页面中显示？打开对话框确认框时，它会从页面中消失。

编辑2：

#dialog-confirm { display: none; }

... OYE

Answer 1

它确实出现在对话框中，但您的对话框高度设置得太小，以至于您无法看到它（如果滚动，您可以看到它）。这有效（注意增加对话框高度）：

<a href="#" class="myclass">CLICK HERE</span>
<div id="dialog-confirm" title="Are You Sure?">
    <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>This cannot be changed later!</p>
</div>

$(".myclass").click(function() {
    var id = $(this).attr("id");
    $("#dialog-confirm").dialog({
        resizable: false,
        height: 300,
        modal: true,
        buttons: {
            'Choose This?': function() {

                var dataString = 'id='+ id ;

                $.ajax({
                    type: "POST",
                    url: "runAjax.php",
                    data: dataString,
                    cache: false,

                    success: function() {
                        $("#dialog-confirm").dialog('close');
                        window.location.reload(true);
                    }
                });                                
            },

            Cancel: function() {
                $(this).dialog('close');
            }
        }
    });

return false;
});

小提琴：http://jsfiddle.net/ppuuM/

Jquery对话框确认框问题

1 个答案: