jquery - 如何在 jquery 中创建具有固定高度的可滚动对话框？

Question

我使用 jquery ajax 函数请求一些数据。我必须在 jquery 滚动对话框中显示请求的数据，我该怎么做。我在这里使用 code.for 请求数据。

$('#load').show();
        $.ajax({
            type: "POST",
            url: "push/push_notify.php",
            data: "pushmessage="+message+"&iphone="+iphone+"&android="+android+"&blackberry="+blackberry,

            success: function(e){
                $('#load').hide();
                var response =e;

               $("#showtable").fadeOut('slow').load("alerttable.php").fadeIn('slow');
            }
        });
       return false;

Answer 1

您可以使用 jQuery UI 中的对话框并且容器 div 元素应具有固定的宽度和高度，并将溢出设置为 scroll(始终显示滚动条)或 auto(在需要时显示滚动条)。

div 的 CSS:

#result-dialog{
    height: 300px;
    overflow: auto; /* Or scroll, depending on your needs*/
    width: 300px;
}

编辑:Here it is jquery dialog 的工作示例带有可滚动的内容。有关对话框的更多属性和样式，您应该查看其 page .

在你的 html 中你应该包括:

jQuery , jQuery UI , 和 jQuery UI CSS (这些是来自 Google 的 CDN 的热链接——如果您愿意，可以从 jquery 的主页自行下载)