tengo el siguiente código en PHP y estoy haciendo una tabla donde muestra los registro de mi base de datos, tengo un boton para editar y otro para eliminar pero cuando llamo la ventana modal para eliminar el registro no muestra nada, ni siquiera sale algún mensaje de error, no me muestra la ventana modal que debería de mostrar donde pregunta si deseo eliminar el registro, no se que esta mal.
<?php
require 'conexion.php';
$where ="";
$SQL = "SELECT * FROM personas";
$Resul = $mysqli->query($SQL);
?>
<html lang="es">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
<script type="text/javascript" scr="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" scr="js/jquery-3.2.1.js"></script>
<script type="text/javascript" scr="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<h2 style="text-align:center">Curso de PHP</h2>
</div>
<div class="row">
<a href="nuevo.php" class="btn btn-primary">Nuevo Registro</a>
</div>
<br>
<!-- Creamos una tabla responsiva -->
<div class="row table-responsive">
<table class="table table-striped">
<thead> <!-- Encabezado de la tabla -->
<tr>
<th>ID</th>
<th>Nombre</th>
<th>Email</th>
<th>Telefono</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
<?php while($row = $Resul->fetch_array(MYSQLI_ASSOC)) { ?>
<tr>
<td> <?php echo $row['id']; ?></td>
<td> <?php echo $row['nombre']; ?></td>
<td> <?php echo $row['correo']; ?></td>
<td> <?php echo $row['telefono']; ?></td>
<td> <a href="modificar.php?id=<?php echo $row['id']; ?>"><span
class="glyphicon glyphicon-pencil"></span></a> </td>
<td><a href="#" data-href="eliminar.php?id=<?php echo
$row['id']; ?>" data-toggle="modal" data-target="#confirm-delete"><span
class="glyphicon glyphicon-trash"></span></a></td></tr>
<?php } ?>
</tbody>
</table>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Eliminar
Registro</h4>
</div>
<div class="modal-body">
¿Desea eliminar este registro?
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-
dismiss="modal">Cancel</button>
<a class="btn btn-danger btn-ok">Delete</a>
</div>
</div>
</div>
</div>
<!--Scrip en Jquery-->
<script>
$('#confirm-delete').on('show.bs.modal', function(e) {
$(this).find('.btn-ok').attr('href',
$(e.relatedTarget).data('href'));
$('.debug-url').html('Delete URL: <strong>' +
$(this).find('.btn-ok').attr('href') + '</strong>');
});
</script>