ajax - 模态不会以编程方式显示

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();添加before 后终于成功了$('#assignRole').modal('show');。

更多细节在这里。

Answer 2

您可以尝试这种方法来显示您的模态，而不是触发单击按钮：

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