blueimp图像库在bootstrap中

Question

我正在使用blueimp image gallary。我需要根据内容改变模态宽度，所以我使用onin事件的blueimp，但它不起作用。我已阅读文档，但它没有帮助我。 https://github.com/blueimp/Gallery/blob/master/README.md#video-factory-options。我错过了什么

$('.abc').on('click', function (event) {
        event.preventDefault();
        blueimp.Gallery($('.abctag a'),$('#blueimp-gallery').data(),{
onopen:function(){
//do something
}
})
})

<div id="blueimp-gallery" class="blueimp-gallery">
    <!-- The container for the modal slides -->
    <div class="slides"></div>
    <!-- Controls for the borderless lightbox -->
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
    <!-- The modal dialog, which will be used to wrap the lightbox content -->
    <div class="modal fade">
        <div class="modal-dialog videoGallary">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" aria-hidden="true">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body next"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left prev">                        
                        Previous
                    </button>
                    <button type="button" class="btn btn-primary next">
                        Next                        
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>