Wenn ich mein Bootstrap Modal schließe, öffnet sich das Modal erneut, dann verstecke ich mich und der Hintergrund bleibt dunkel. Ich öffne das Modal beim Klick auf den Tisch tr. Ich habe auch versucht, modales Fell zu erzwingen, aber es hat nicht funktioniert. Bitte jede Hilfe wird funktionieren.Erneutes Öffnen nach dem Schließen, 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">×</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>
Verwenden Sie eine On-Click-Ereignisfunktion, um das Modal zu schließen? –
Ich habe versucht, auf Click-Ereignis zu verwenden, wie Sie hier sehen können. $ ('. EditTaskModal'). On ('verdeckt.bs.modal', function() { $ \t $ ('. EditTaskModal') .modal ('verbergen'); \t $ ('body'). RemoveClass ('modal-open'); \t $ ('. modal-background'). remove(); \t}) – Epsilon47
Ok, kannst du das entfernen und sehen, was passiert? Ich habe meine Antwort unten aufgeführt und erklärt. –