не работает show.bs.modal

$('#modalproduct').on('show.bs.modal', function(e){
    alert('hello');
});
<button type="button" class="btn btn-outline-info float-left" data-toggle="modal" data-id="{{ $type->id }}">
    <i class="fa fa-cog" aria-hidden="true"></i>
</button>

При показе модели, игнорируется JS, а точнее 'show.bs.modal'. А при нажатии на кнопку в модели, все работает.

$('#modalproduct').click(function(e){
    alert('hello');
});