甘い警告ダイアログを表示していません

Question

Sweet Alertライブラリを使用して警告を出そうとしています。 アイテムを削除するための確認アラートを作成するためのコードを統合しようとしましたが、アイテムを削除するためのボタンをクリックすると、これらは機能しません。ダイアログは表示されません。

コードスウィートアラートを統合前：スウィートアラートを統合後

$(".delete-link").click(function() { 
    var id = $(this).attr("id"); 
    var del_id = id; 
    var parent = $(this).parent("td").parent("tr"); 
    if (confirm('Sure to Delete ID no = ' + del_id)) { 
     $.post('delete.php', { 'del_id': del_id }, function(data) { 
      parent.fadeOut('slow'); 
     }); 
    } 
    return false; 
}); 

コード：

$(".delete-link").click(function() { 
     var id = $(this).attr("id"); 
     var del_id = id; 
     var parent = $(this).parent("td").parent("tr"); 
    }); 

    swal({ 
      title: "Are you sure you want to delete?", 
      text: "Sure to Delete ID no = " + del_id, 
      type: "warning", 
      showCancelButton: true, 
      confirmButtonColor: "#DD6B55", 
      confirmButtonText: "Yes", 
      closeOnConfirm: false 
     }, 
     function() { 
      $.post('delete.php', { 'del_id': del_id }, function(data) { 
       parent.fadeOut('slow'); 
      }); 
     }); 
    return false; 

}); 

Answer 1

私はあなたのコードの構文エラーがあると思います。これを試してください、それが動作するかどうかを見てください[私はコードをテストしませんでした]。動作しない場合はお知らせください

$(".delete-link").click(function() { 
var id = $(this).attr("id"); 
var del_id = id; 
var parent = $(this).parent("td").parent("tr"); 

swal({ 
    title: "Are you sure you want to delete?", 
    text: "Sure to Delete ID no = " + del_id, 
    type: "warning", 
    showCancelButton: true, 
    confirmButtonColor: "#DD6B55", 
    confirmButtonText: "Yes", 
    cancelButtonText: "No", 
    closeOnConfirm: true, 
    closeOnCancel: true 
}, function(isConfirm) { 
    $.post('delete.php', {'del_id':del_id}, function(data) { 
     parent.fadeOut('slow'); 
    }); 
}); 
return false; 
});