JQuery 内联对话框？

Question

内置的 JQuery 对话框是一个很棒的用于组织内容的小部件。如何使其内联，以便我可以在同一个父 div 中彼此相邻地放置一堆对话框？我基本上想用它来组织我的内容。

Answer 1

您不必有两个单独的对话框来组织对话框内的数据，您只需通过将两个 div float 在一起即可将单个对话框分成两个。

CSS:

div#dialogDiv {  }
div#dialogDiv div.div_left { float: left; width: 200px; height: 200px; }
div#dialogDiv div.div_right { float: left; width: 200px; height: 200px; }

HTML:

<div id="dialogDiv">
    <div class="div_left">left content</div>
    <div class="div_right">right content</div>
</div>