Question

附件是我的javascript和html。在调试模式下，我可以确认＆＃39; display：none＆＃39;更改为＆＃39; display：block＆＃39; 但是我没有看到popupEventForm形式开放。有什么想法吗？谢谢，彼得

＆＃13;

function ShowEventPopup(date) {
  debugger;
  ClearPopupFormValues();
  $('#popupEventForm').show();
  $('#eventTitle').focus();
}

＆＃13;

<div class="container">
  <div id='calendar' style="width:65%"></div>
</div>


<div id="popupEventForm" class="modal hide" style="display: none;">
  <div class="modal-header">
    <h3>Add new event</h3>
  </div>
  <div class="modal-body">
    <form id="EventForm" class="well">
      <input type="hidden" id="eventID">
      <label>Event title</label>
      
      <input type="text" id="eventTitle" placeholder="Title here"><br />
      <label>Scheduled date</label>
      
      <input type="text" id="eventDate"><br />
      <label>Scheduled time</label>
      
      <input type="text" id="eventTime"><br />
      <label>Appointment length (minutes)</label>
      
      <input type="text" id="eventDuration" placeholder="15"><br />
    </form>
  </div>
  <div class="modal-footer">
    <button type="button" id="btnPopupCancel" data-dismiss="modal" class="btn">Cancel</button>
    <button type="button" id="btnPopupSave" data-dismiss="modal" class="btn btn-primary">Save event</button>
  </div>
</div>

＆＃13;

Answer 1

您还包含引导程序隐藏类..

<div id="popupEventForm" class="modal hide" style="display: none;">

将你的js更改为：

function ShowEventPopup(date) {
        debugger;
        ClearPopupFormValues();
        $('#popupEventForm').show().removeClass('hide');
        $('#eventTitle').focus();
    }

Answer 2

您需要从模态中删除“隐藏”类。除了可以使用.modal('show')打开模态

function ShowEventPopup(date) {
        debugger;
        ClearPopupFormValues();
        $('#popupEventForm').removeClass('hide');
        $('#popupEventForm').modal('show');
        $('#eventTitle').focus();
    }

Answer 3

使用$（'＃popupEventForm'）。hide（）;而不是使用样式“display：none”。和$（'＃popupEventForm'）。show（）;

或者您可以使用$（'＃popupEventForm'）。attr（“display”，“block”）。

.show（）在显示：block＆＃39;之后无法正常工作

3 个答案: