时间戳

首页 > 解决方案 > Jquery Confirm 在打字稿中不起作用

javascript - Jquery Confirm 在打字稿中不起作用

问题描述

我知道以前有人问过这个问题，但我似乎找不到答案，我的 jquery 确认没有功能，这个问题在带有语言 typescript angular 2 的数据表中，loadscript 脚本已经声明。

在此处输入图像描述

rows: {
  afterTemplate: function(row, data, index) {
    $('#delete-confirmation-dialog-' + data._id).on('click', function() {
      $.confirm({
        title: 'Delete?',
        content: 'Are you sure?',
        icon: 'fa fa-question-circle',
        animation: 'scale',
        closeAnimation: 'scale',
        opacity: 0.5,
        buttons: {
          'confirm': {
            text: 'Delete',
            btnClass: 'btn-red',
            action: function() {
              $.confirm({
                content: function() {

                  this.setTitle('Result');
                  this.setContent('Process...');

                  return $.ajax({
                    url: Urlapi + '/event/remove/' + data._id,
                    // headers: _self.jwt(),
                    dataType: 'json',
                    method: 'patch'
                  }).done(function(response) {
                    this.setContentAppend('<div>Done!</div>');
                    ( < any > $('.m_eventdatatable')).mDatatable('reload');
                  }).fail(function() {
                    this.setContentAppend('<div>Fail!</div>');
                  });
                },
              });
            }
          },
          cancel: function() {
            $.alert('Record canceled to delete');
          },
        }
      });
    });
  },
},

标签： javascriptjqueryangulartypescript

解决方案

我是新来的，没有发表评论的授权，这就是为什么没有在评论中提供答案。
现在让我们转向你的问题，我认为你犯了一个小错误。

1）在jquery-confirm.js之后添加jquery.js引用不正确的方式：

<script src="jquery-confirm-3.3.0.min.js"></script>
<script src="jquery.min.js"></script>

正确方法：

<script src="jquery.min.js"></script>
<script src="jquery-confirm-3.3.0.min.js"></script>

或
2) 文件名或路径拼写错误。

如果还有什么，请分享您的示例源代码...谢谢:)

推荐阅读