jQuery & Bootstrap not working?

Question

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

do you get any errors in console? make sure you have jquery.js and bootstrap.min.js inside js/ directory — Praveen Puglia
– 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
– DeathKing, Commented May 22, 2015 at 6:31
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
– DeathKing, Commented May 22, 2015 at 6:36
can you show you own libraries? maybe need to fix how you call you libraries... — ccdiego5
– ccdiego5, Commented May 22, 2015 at 13:12

Nilesh Mahajan · Accepted Answer · 2015-05-22 06:37:48Z

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.com/nakupanda/bootstrap3-dialog/tree/master/src/js

answered May 22, 2015 at 6:37

Nilesh Mahajan

3,51623 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tushar Over a year ago

@DeathKing If your problem is solved, you can accept this answer

ThanhND25 · Accepted Answer · 2015-05-22 06:43:02Z

0

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>

answered May 22, 2015 at 6:43

ThanhND25

864 bronze badges

Collectives™ on Stack Overflow

jQuery & Bootstrap not working?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related