Jquery and bootstrap not working?

Question

I recently started using / boot boot and jQuery for my site, and while I was looking for ideas. I looked at the boot dialogs, which I thought could help me make my site more modern. So far I have tested code fragments on the site. There seems to be no answer from jquery at all.

<li id="Login"><a href="#">Login</a></li>

This tag liabove is printed php. The code below is taggedbody

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

<script>
$(document).ready(function(){
    $("#Login").click(function(){
        BootstrapDialog.show({
        message: 'Hi Apple!'
    });
    });
});
</script>

code examples are much appreciated if there was an error because I really don't know what I'm doing wrong.

EDIT: I forgot to mention that I have snippets from http://nakupanda.imtqy.com/bootstrap3-dialog/#available-options

Answer 1

bootstrap-dialog.js.

jsfiddle, ReferenceError: BootstrapDialog is not defined

bootstrap-dialog-js nakupanda github: https://github.com/nakupanda/bootstrap3-dialog/tree/master/src/js

Answer 2

    <script>
$(document).ready(function(){
$("#Login").on('click', function(event){
    BootstrapDialog.show({
    message: 'Hi Apple!'
    });
});
});

</script>