не показывать подтверждающее сообщение, что не так в коде?

Question

JS функция:

$("#delCat").click(function(){
    //alert("test");
    if(confirm('Are you sure want to delete this category ?')){
        return true;
    } else {
        return false
    }
});

удалить div:

<a id="delCat" href="delete-category/{{ $category->id }}" class="btn btn-danger btn-mini">Delete</a></td>

Answer 1

$('#delCat').click(function(e){
  e.preventDefault();
  if(confirm('Are you sure ... ?')){
    return true; 
  } 
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<a id="delCat" href='link_to_delete'  class="btn btn-danger">delete</a>

У меня недостаточно знаний о jquery, но я полагаю, вам следует запретить поведение по умолчанию для цели события.

Answer 2

Отключить поведение ссылки по умолчанию:

$("#delCat").click(function(e){
  e.preventDefault();
  //alert("test");
  if(confirm('Are you sure want to delete this category ?')){
    return true;
  }else{
    return false
  }
});

Или непосредственно прилагается к ссылке:

<a id="delCat" href="delete-category/{{ $category->id }}" class="btn btn-danger btn-mini" onclick="return confirm('Are you sure?');">Delete</a>