Jquery对话框确认问题

过去几天我一直在搜索Stack&Web文章，看看是否能找到自己的答案。现在是咨询专家的时候了

代码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>

我正在使用的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>

这就是为什么我看不到对话框内容的原因。然而，我在几周前首次安装此功能时就提到了这一点，因为段落内容显示在页面上，而不应该显示在页面上。有没有人碰巧知道它为什么会出现在页面上？当对话框“确认”打开时，它确实会从页面中消失

编辑2：

#dialog-confirm { display: none; }

---

OYE…

它确实会出现在对话框中，但您的对话框高度设置得太小，以至于您看不到它。如果您滚动，您可以看到它。此操作会增加对话框高度：

<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;
});

---

Fiddle:

您能发送一份JSFIDLE代码吗？使用myclass元素和样式..我已经考虑过了，并再次尝试，只是为了确定。我仍然没有得到段落部分显示，无论高度或宽度。我有一个.ui对话框{font size:12px；集，它在高度为140的js FIDLE文件中仍然可以正常工作

#dialog-confirm { display: none; }

<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;
});