javascript - 如何将两个 div 添加到 jQuery UI 的对话框小部件中

Question

我在我的元素中选择了 jQuery UI。我需要两个在一个对话框中命名为 div1 和 div2 的 div。

div1 和 div2 应该在同一水平线上。如果div1和div2在一个div中，我可以选择

<style>
.divclass  div{float:left} 
</style>

<div class="divclass">
<div>
     div1
</div>
<div>
     div2
</div>
</div>

但在 jQuery ui 中，css div{float:left} 无法工作。这是我的 jQuery ui 代码:

<script>
 $(function(){
 $( "#dialog" ).dialog({
  height:450,
  width:800,
  show: {
    effect: "blind",
    duration: 100
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});
});
</script>
 <div id="dialog" title="basicDLG">
 <p>jqueryui test</p>
 <div style="">
     div1
 </div>
 <div>
     div2
 </div>
</div>

我试过了:

<style>
 .jui  div{float:left}
</style>
<div id="dialog" title="basicDLG" class="jui">

我不知道，谁能帮帮我？

Answer 1

将“display: flex”添加到您的外部 Divs CSS 也可以完成这项工作。