Модал не будет показываться программно

Question

У меня есть кнопка, которая показывает модальное при нажатии.

Кнопка:

    <button type="button" class="btn btn-primary assignRole" data-toggle="modal" data-target="#assignRole">
        New
    </button>

и модальное значение:

 <div class="modal fade" id="assignRole" role="dialog">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Assign New Client Role to Employee</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
            </button>
         </div>
         <div class="modal-body">
            <form class="form-group">
            </form>
            <div class="modal-footer">
               <button type="button" class="btn btn-warning" data-dismiss="modal">
               <span class='glyphicon glyphicon-remove'></span> Close
               </button>
               <button type="button" class="btn btn-success add-role-to-user" data-dismiss="modal">
               <span class='glyphicon glyphicon-check'></span> Add
               </button>
            </div>
         </div>
      </div>
   </div>
</div>

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

Я использую следующий код:

error: function(errors){
                setTimeout(function (){
                    $(".assignRole").click();
                    toastr.error('Validation error!', errors.responseJSON.message, {timeOut: 5000});
                }, 500);
        }

Может кто-нибудь указать, где я иду не так.Я использую шаблон администратора Coreui и Chrome.

Answer 1

Наконец-то сработало после добавления jQuery.noConflict(); перед $('#assignRole').modal('show');.

Подробнее здесь .

Answer 2

Вместо того, чтобы нажимать на кнопку, вы можете попробовать этот подход, чтобы показать свой модал:

$('#assignRole').modal('show');