Javascript 模式弹出窗口未显示在另一个模式弹出窗口的顶部 更新

我试图在另一个模态上使用模态作为确认提示，但在onclick上无法看到确认模态。这是我设置的情态动词属性

父模态。 我在asmx文件中调用父模式，然后在asmx文件中调用子模式函数

<div id="ShowDetails" class="popup" tabindex="-1" style="position:absolute;" role="dialog">
    <div class="panel panel-green">
        <div class="panel-heading">Parchase Request Details</div>
        <div class="panel-body">
            <div class=" col-md-12">
                <div class="form-inline">
                    <input id="pdid" style="display: none; width: 90PX; margin: 2px;" type="hidden" />
                    <%--<asp:HiddenField ID="PDId" runat="server" />--%>
                    <table class="table table-condensed">
                        <tr>
                            <td>
                                <input id="item" style="display: none; width: 90PX; margin: 2px;" /></td>
                            <td>
                                <input id="quantity" style="display: none; width: 90PX; margin: 2px;" />

                            </td>
                            <td>
                                <input id="eprice" style="display: none; width: 90PX; margin: 2px;" />
                            </td>
                            <td>
                                <input id="make" style="display: none; width: 90PX; margin: 2px;" />
                            </td>
                            <td>
                                <input id="discription" style="display: none; width: 90PX; margin: 2px;" />
                            </td>
                            <td>

                                <a id="DoneEditingbtn" role="button" onclick="DoneEditing()" style="color: #72c02c; display: none; width: 100PX; margin: 2px;">Update</a>
                            </td>
                            <td><a id="cancleediting" role="button" onclick="cancleeditingdetail()" style="color: #72c02c; display: none; width: 100PX; margin: 2px;">cancel</a>
                            </td>
                        </tr>
                    </table>
                    <table class="table table-condensed">
                        <thead>
                            <tr style="background-color: #01cc66;">
                                <th>Item Name</th>
                                <th>Quantity</th>
                                <th>Estimated Price</th>
                                <th>Make</th>
                                <th>Discription</th>
                                <th>Options</th>
                            </tr>
                        </thead>
                        <tbody id="tblgetdetails">
                        </tbody>
                    </table>
                    <div id="Alert"></div>
                </div>
            </div>
        </div>
        <span class="popup-btn-close" data-dismiss="modal">close</span>
    </div>
</div>

---

它应该能正常工作。我已经用过很多次了，但是现在我被卡住了，不知道我可能会错过这个窍门。任何帮助都是非常必要的。

昨天真的很有趣，我得到了你对我的问题的答案，这个问题与我的问题差不多，现在我发现你被困在这里了。

---

将子模式位置更改为“相对”，并指定大于1040的z-索引值，这是默认层。

昨天真的很有趣，我从你那里得到了关于相同问题的答案，现在我发现你被困在这里了。

---

将您的子模态位置更改为相对，并为默认层指定大于1040的z-索引值。

cud u在代码运行器中重新创建此问题自从您提到z-索引以来，您是否检查了z-索引以了解ShowDetails？现在检查一下我已经使用技术给出了模态元素和子模态。看起来您正在使用引导模态。如果是这种情况，则引导模式的z索引大于0。（但如果您在代码中定义了它，那么我错了）。我最近也有类似的问题。父项的z索引已被覆盖。要检查它，请尝试

$（'#ShowDetails'）.modal（'hide'）

，然后您的附加菜单假定会出现。默认情况下，引导>1040中的z索引。为孩子1100设置测试。如果修复了，只需在css中覆盖引导的z索引即可。顺便说一句，尝试从childcud中删除z-index，然后在代码运行库中重新创建该问题自从您提到z-index以来，您是否检查了z-index以了解ShowDetails？现在检查一下我已经给出了模态元素和子模态使用技术。看起来您正在使用引导模态。如果是这种情况，则引导模式的z索引大于0。（但如果您在代码中定义了它，那么我错了）。我最近也有类似的问题。父项的z索引已被覆盖。要检查它，请尝试

$（'#ShowDetails'）.modal（'hide'）

，然后您的附加菜单假定会出现。默认情况下，引导>1040中的z索引。为孩子1100设置测试。如果修复了，只需在css中覆盖引导的z索引即可。顺便说一句，尝试从孩子身上删除z索引是的，你完全正确，我对引导z索引默认值不太了解，谢谢。位置不是问题，它可以是相对的，也可以是绝对的，取决于你的需要。是的，你完全正确，我对引导z索引默认值不太了解，谢谢。位置不是问题，它可以是相对的，也可以是绝对的绝对取决于你的需要。

    <div id="ApproveMod" class="popup" style=" z-index:2; position:absolute; left: 50%; width: 40%; border: 10px solid #666;">
    <div class="col-lg-6">
        <i>Are you sure to Approve this data?</i>
    </div>
    <i id="pheadIdApp"></i>
    <i id="pbdIdApp"></i>
    <div class="col-lg-6">
        <a class="btn-u btn-u-red" href="#" role='button' style="text-align: center; width: 45%;" onclick="Approve()">Yes </a>
        <button class="btn-u btn-u-green-custom " style="text-align: center; width: 45%;" data-dismiss="modal">NO</button>
    </div>
</div>

<a role='button' class='form-control' onclick='AppModal(PHId+","+PBDId)'>Approve</a>

function AppModal(phid,pbdid) {
        $("#pheadIdApp").val(phid);
        $("#pbdIdApp").val(pbdid);
        $("#ApproveMod").modal("show");
    }