Почему модальная форма открывается, но не видна? - PullRequest
Новая
       17

Почему модальная форма открывается, но не видна?

0 голосов
/ 03 мая 2019

Я довольно новичок в веб-разработке и взял мой проект из другого проекта. Но после обновления всех ссылок в 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");
            })
         });

Кажется, что происходит то, что форма открывается, но невидима. Так что моя веб-страница выглядит нормально, но я не могу нажать на нее.

Я знаю, что там есть модальная форма, так как я могу перемещать указатель мыши, и указатель изменится на текст и выпадающие списки, и я могу получить раскрывающийся список для отображения элементов, я просто не могу видеть форму это на ??????

Большое спасибо заранее за любую помощь

...