javascript - jquery UI模态(弹出框)控制大小并默认隐藏

Question

jsFiddle for this question

我目前正在使用 bootstrap modal，这是一个用于创建弹出框的 jQuery 插件。 (如果有人想查看非常简短的文档，这里是 link to it - 它很短，所以只需要一分钟)。

不幸的是，我有几个问题:

1. 我需要能够定义模态弹出框的大小。我尝试了以下方法，但显示不正确:

   <div class="modal" id="myModal" style="width: 800px; height: 900px;">

2. 我需要能够默认隐藏模式。目前，它会在页面加载后立即显示。我尝试了以下方法，但它似乎没有正确隐藏:

   $(document).ready(function() { $('#myModal').modal("hide"); });

知道如何解决这些问题吗？

Answer 1

答案 1:尝试定义模态 CSS 类并设置宽度和高度。答案2:调用模态函数时，传入一个属性为“show”为false的option对象。

$("#myModal").modal({show: false});

答案 3:您可以处理“显示”事件并将其连接起来以对网页进行 AJAX 调用，并将结果设置为 div 的内部 HTML。