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

Если вы ознакомитесь с этими примерами, вы увидите, что вам нужно отдельно создавать jquery, и что jconfirm определяется только в его пространстве имен. Таким образом, вам нужно добавить две вещи в ваш код:

<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)

И callback не выполняется с какими-либо параметрами (таким образом, ваш x будет undefined). Похоже, что вы хотели, было где-то вроде:

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');
            }
        })
  });
}