Повторное открытие модальное после закрытия одного, laravel

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

<tr class="task-row task-row-{{$v_task->id}}" data-id="{{$v_task->id}}" data-target="#editTaskModal-{{$v_task->id}}"> 

<div id="editTaskModal-{{$v_task->id}}" class="modal fade editTaskModal" role="dialog" data-id="{{$v_task->id}}"> 
       <input type="hidden" name="_method" value="put"> 
        <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-header"> 
          <button type="button" class="close" data-dismiss="modal">&times;</button> 
          <h4 class="modal-title">{{$v_task->task_name}}</h4> 
         </div> 
         <div class="modal-body"> 
          <div class="form-group"> 
           <div class="row"> 
            <label for="listNameInput" class="col-sm-2">Name:</label> 
            <div class="col-sm-10"> 
             <input type="text" name="taskNameName" class="form-control" placeholder="Your task name..." id="taskNameInput-{{$v_task->id}}"> 
            </div> 
           </div> 
          </div> 
          <div class="form-group"> 
           <div class="row"> 
            <label for="listPriorityInput" class="col-sm-2">Priority:</label> 
            <div class="col-sm-10"> 
             <input type="text" name="taskNamePriority" class="form-control" placeholder="Your priority..." id="taskPriorityInput-{{$v_task->id}}"> 
            </div> 
           </div> 
          </div> 
          <div class="form-group"> 
           <div class="row"> 
            <label for="listDeadlineInput" class="col-sm-2">Deadline:</label> 
            <div class="col-sm-10"> 
             <div class="input-group datetimepicker2"> 
              <input type="datetime" name="taskNameDeadline" class="form-control deadlineInput" placeholder="Deadline..." id="taskDeadlineInput-{{$v_task->id}}"> 
              <div class="input-group-addon calendar-div"> 
               <span class="fa fa-calendar-o"></span> 
              </div> 
             </div> 
            </div> 
           </div> 
          </div> 
         </div> 
         <div class="modal-footer"> 
          <button type="submit" class="btn btn-success updateTaskModalBtn" data-dismiss="modal">Update</button> or 
          <a data-dismiss="modal" href="" class="closeTaskModalLink"> Close</a> 
         </div> 
        </div> 
        </div> 
       </div>

источник

2017-01-26 Epsilon47

Вы используете функцию события щелчка, чтобы закрыть модальный? –

Я попытался использовать событие click, как вы можете видеть здесь. $ ('. EditTaskModal'). On ('hidden.bs.modal', function() { \t $ ('. EditTaskModal'). Modal ('hide'); \t $ ('body'). RemoveClass ('modal-open') \t $ ('. modal-backdrop'). remove(); \t}) – Epsilon47

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

Кажется, у Вас есть событие OnClick, который срабатывает, когда ссылка close было нажать, чтобы закрыть модальный.

Ссылаясь на это:

<a data-dismiss="modal" href="" class="closeTaskModalLink"> Close</a>

Там нет необходимости делать это, так как есть атрибут, который бы закрыть модальный.

Поэтому я предлагаю изменить свой код выше и сделать ниже и посмотреть, как он работает.

<a data-dismiss="modal">Close</a>

Update

Ok Я вижу код JS:

$('.editTaskModal').on('hidden.bs.modal', function() {  
    $('.editTaskModal').modal('hide'); 
    $('body').removeClass('modal-open'); 
    $('.modal-backdrop').remove(); 
})

Вы не должны включать в них, так что он будет делать это, если модальный близко/скрыт это будет снова спрячьте модальный. Что не имеет смысла, так как модальность уже близка. Это может быть причиной того, что это испортило модальное раскрытие/скрытие.

Так что удалите это и посмотрите, что произойдет.

источник

2017-01-26 18:36:53

Я пытался это сделать, но это, к сожалению, не сработало. Модальные шкуры, но фон темнеет. Я заметил, что каждое действие, которое я делаю с модальными повторами, модальные повторы открытия и закрытия, например, я вложил событие или что-то. – Epsilon47

@ Epsilon47 Можете ли вы попробовать удалить 'editTaskModal' как класс вашего модального элемента. Возможно, что-то может вызвать проблему в JS. –

Спасибо, я нашел проблему. У меня была модальность в tr, и я также вызвал модальное открытие при щелчке мыши, и когда я пытался отклонить модальное событие, повторное открытие.

источник

2017-01-26 19:17:18 Epsilon47

Повторное открытие модальное после закрытия одного, laravel

ответ

Смежные вопросы