为什么打开模态形式但看不到模态形式?

时间:2019-05-03 15:10:16

标签: jquery asp.net-mvc bootstrap-modal

我是Web开发的新手,并且已经将我的项目从另一个项目中带走了。但是,在更新了nuget中的所有引用之后,任何引导模式形式现在似乎都已加载,但不可见

我已经搜索了类似的问题,但是还没有找到任何解决方案,作为Windows开发人员的更多,我现在的想法已经耗尽。 Chrome中的开发者控制台不会显示任何脚本错误,并且会丢失:o(

这是我打开表单的方式:

{
   @*<div class="modal hide fade" id="AddCustomerRecordUI">*@
   <div class="modal fade" id="AddCustomerRecordUI">
      <div class="modal-dialog">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
               &times;
            </button>
            <h3>Customer Record</h3>
         </div>
         <div class="modal-body">
            @*@Html.HiddenFor(x => x.BranchDetails.OrganisationId, new { Value = Model.OrgId })*@
            <div class="row-fluid AddCustomerRecordData">
            </div>
         </div>
         <div class="modal-footer">
            <input type="submit" id="btnAddCustomerRecord" class="btn btn-primary" value="Save" />
            <a href="#" class="btn" data-dismiss="modal">Cancel</a>
         </div>
      </div>
   </div>
}

表单的内容来自部分视图:

<div class="row-fluid">
   <div class="span12">
      @Html.LabelFor(x => x.Name)
      @Html.TextBoxFor(x => x.Name, new { @class = "input-block-level" })
      @Html.LabelFor(x => x.Address)
      @Html.TextBoxFor(x => x.Address, new { @class = "input-block-level" })
      @Html.LabelFor(x => x.PersonalProof)
      @Html.DropDownListFor(x => x.PersonalProofId, Model.PersonalProof, "--Select Personal Proof--", new { @class = "input-block-level" })
      @Html.LabelFor(x => x.ProofNumber)
      @Html.TextBoxFor(x => x.ProofNumber, new { @class = "input-block-level" })
      @Html.LabelFor(x => x.ProofOfEntitlement)
      @Html.DropDownListFor(x => x.ProofOfEntitlementId, Model.ProofOfEntitlement, null, new { @class = "input-block-level" })
      @Html.LabelFor(x => x.EntitlementNumber)
      @Html.TextBoxFor(x => x.EntitlementNumber, new { @class = "input-block-level" })
   </div>
</div>

并使用以下javascript打开:

$("body").on("click", ".customer-records", function (e) {
            var ui = $("#AddCustomerRecordUI")

            $.post("NewRecordBuilder", { id: "123" }, function (html) {
               ui.find(".AddCustomerRecordData").html(html);
               ui.modal("show");
            })
         });

似乎发生的是表单已打开,但不可见。因此,我的网页看起来很正常,但是我无法点击它。

我知道模态形式在那里,因为我可以移动鼠标指针,并且指针将在文本和下拉列表中切换,并且我可以得到一个下拉列表来显示项目,但我看不到表单它在??????

在此先感谢您的帮助

0 个答案:

没有答案