I have recently started using/learning bootstrap and jQuery for my site and while I was searching for ideas. I went across bootstrap dialogs which I thought could help me make my site more modernized. While I was testing code snippets it in the site. There seemed to be no response from jquery at all.

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

This li tag above is being printed out by php. The code below is placed in the body tags

<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 samples are very much appreciated if there was an error because I don't really know what I am doing wrong.

EDIT: I forgot to mention that i got the snippets from

I have recently started using/learning bootstrap and jQuery for my site and while I was searching for ideas. I went across bootstrap dialogs which I thought could help me make my site more modernized. While I was testing code snippets it in the site. There seemed to be no response from jquery at all.

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

This li tag above is being printed out by php. The code below is placed in the body tags

<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 samples are very much appreciated if there was an error because I don't really know what I am doing wrong.

EDIT: I forgot to mention that i got the snippets from http://nakupanda.github.io/bootstrap3-dialog/#available-options

• javascript
• php
• jquery
• twitter-bootstrap

Share Improve this question Follow edited May 22, 2015 at 7:19 Deep Kakkar 6,30544 gold badges4343 silver badges8080 bronze badges asked May 22, 2015 at 6:27 DeathKingDeathKing 31133 silver badges1717 bronze badges 5

• 1 do you get any errors in console? make sure you have jquery.js and bootstrap.min.js inside js/ directory – Praveen Puglia Commented May 22, 2015 at 6:29
• I got snippets from w3schools and they seemed to work fine for me and those files are correctly placed in their respective directories – DeathKing Commented May 22, 2015 at 6:31
• 1 Check error in browser console – A. Wolff Commented May 22, 2015 at 6:33
• I have searched on how to check jquery errors and i seemed to have gotten one error which is "Uncaught ReferenceError: BootstrapDialog is not defined".. How to fix this error? – DeathKing Commented May 22, 2015 at 6:36
• can you show you own libraries? maybe need to fix how you call you libraries... – ccdiego5 Commented May 22, 2015 at 13:12

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

You have not included bootstrap-dialog.js.

I tried running your code into jsfiddle and it gave me ReferenceError: BootstrapDialog is not defined

you can find bootstrap-dialog-js on nakupanda's github account : https://github./nakupanda/bootstrap3-dialog/tree/master/src/js

Replace your code like this and show me the result

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

</script>