Bootstrap tooltip problem 311
Tooltip is not removed after the parent element has been removed.
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<table class="table table-striped table-bordered" id="bootstrap_git_demo">
<thead>
<tr>
<th>Name</th>
<th>Id</th>
<th>Location</th>
<th>Status</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
<tr>
<td>Element Alfa</td>
<td>Selector A</td>
<td>Area A</td>
<td>Inactive</td>
<td><button title="" type="button" class="btn btn-danger remove show_tip" data-original-title="Remove from list"><i class="fa fa-trash-o"></i></button></td>
</tr>
<tr>
<td>Element Beta</td>
<td>Selector B</td>
<td>Area B</td>
<td>Inactive</td>
<td><button title="" type="button" class="btn btn-danger remove show_tip" data-original-title="Remove from list"><i class="fa fa-trash-o"></i></button></td>
</tr>
<tr>
<td>Element Gama</td>
<td>Selector G</td>
<td>Area G</td>
<td>Inactive</td>
<td><button title="" type="button" class="btn btn-danger remove show_tip" data-original-title="Remove from list"><i class="fa fa-trash-o"></i></button></td>
</tr>
<tr>
<td>Element Delta</td>
<td>Selector D</td>
<td>Area D</td>
<td>Inactive</td>
<td><button title="" type="button" class="btn btn-danger remove show_tip" data-original-title="Remove from list"><i class="fa fa-trash-o"></i></button></td>
</tr>
<tr>
<td>Element Sigma</td>
<td>Selector S</td>
<td>Area S</td>
<td>Inactive</td>
<td><button title="" type="button" class="btn btn-danger remove show_tip" data-original-title="Remove from list"><i class="fa fa-trash-o"></i></button></td>
</tr>
</tbody>
</table>
JavaScript
$( function() {
$("table#bootstrap_git_demo").on("click", ".remove", function() {
$(this).closest('tr').remove();
});
});
$( function() {
$(".show_tip").tooltip({container: 'body'});
});