javascript - jConfirm 未定义

Question

我有一个简单的脚本，提示用户确认删除，然后它只是提醒他们该过程已正确完成。

我尝试使用 jConfirm，Javascript 控制台输出:“ReferenceError:jConfirm 未定义”

<!-- jConfirm --> 
// the script is referenced properly    
<script src="/js/jconfirm/jquery.jconfirm-1.0.min.js"></script>


<script>
function careersDelete(career_id) {
  jConfirm('Are you sure you want to delete this career?', 'Delete Career', function (x) {
    if (x) {
        jQuery.ajax({
            url: "ajax_career_delete.php",
            type: "GET",
            data: "career_id=" + career_id,
            success: function (response) {
                alert('Career deleted');
            }
        });
    }
});

}

在应该启用确认对话框的按钮上，我有:

<a href="#" onclick="careersDelete('<?php echo $career_id; ?>')">delete</a>

Answer 1

如果您查看these examples您会发现需要单独获取 jquery 源，并且 jconfirm 仅在其 namespace 内定义。因此，您需要在代码中添加两件事:

<script src="/js/jquery.js"></script> <!-- or wherever jquery.js's path is -->
...
  $.jconfirm('Are you sure  ...
  // note jquery's $. namespace; and the non-capitalized "c" in jconfirm

<小时/>

此外，$.jconfirm 函数调用不需要字符串。它的签名是:

function(options, callback)

并且回调不会使用任何参数执行(因此您的x将是未定义)。看来您想要的是以下内容:

function careersDelete(career_id) {
  jQuery.jconfirm({
       message: 'Are you sure you want to delete this career?',
       title: 'Delete Career'
  }, function () {
        jQuery.ajax({
            url: "ajax_career_delete.php",
            type: "GET",
            data: "career_id=" + career_id,
            success: function (response) {
                alert('Career deleted');
            }
        })
  });
}