我下面的代码对话框已正确打开，但我无法正确看到模式。我将z-index应用于框，但不受影响。
请查看随附的屏幕截图，您将更好地了解我的问题。请帮忙谢谢。
$(document).ready(function(){
$( "#new_attachment_div" ).dialog({ autoOpen: false });
$("#register").click(function(){
$( "#new_attachment_div" ).dialog({
autoOpen: true,
draggable: false,
resizable: false,
position: 'center',
height: 'auto',
width: '60%',
modal: true,
title: "New Attachment Type",
position: {
my: "center",
at: "center",
of: window
}
});
});
});<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="new_attachment_div">
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
<p>Hellow</p>
</div>最佳答案
当您说尝试使用z-index时，我必须问您使用了多少数字。您应该使用浏览器检查器确定这些社交按钮或其父母的z-index，并为模式提供更大的内容。
另一个可能的原因是，模态HTML是否不像示例代码一样正确地位于<body>标记的根目录，在这种情况下，您可能不得不移动它。
关于jquery - jQuery模态无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42515058/