Bootstrap3のModalダイアログが動きません
発行されたHTMLを読み込んでBootstrapのModalで美しく表示したいのですが、Bootstrap3のModalダイアログが動きません。どこが間違っていますか? 是非宜しくお願いします!!
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" />
</head>
<body>
<table>
<thead>
<tr><th>Show</th><tr>
</thead>
<tbody>
<?php
foreach($result as $show){
echo "<tr>";
echo "<td><a href=javascript:window.open('".
$this->webroot.'makefile/filename_'.$val['number']['id'].".html','','width=1000,height=800,'); return false ;><button type='button' class='btn btn-default' id='staticModalButton'>Show details</button></a></td>";
echo "</tr>";
}
?>
</tbody>
</table>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"> </script>
<script>
$(function() {
// JavaScript で表示
$('#staticModalButton').on('click', function() {
$('#staticModal').modal();
});
});
</script>
</body>
</html>