Bootstrap modal Uncaught TypeError: Object [object Object] has no method 'modal'

Question

Trying to work with bootstrap I am getting an error written in title

my code

function closeDialog () {
    $('#windowTitleDialog').modal('hide'); 
};

these are the files included

  <link href="http://static.scripting.com/github/bootstrap2/css/bootstrap.css" rel="stylesheet">
  <script src="http://static.scripting.com/github/bootstrap2/js/jquery.js"></script><style type="text/css"></style>
  <script src="{{=URL(request.application,'static','js/bootstrap-transition.js')}}"></script>
  <script src="http://static.scripting.com/github/bootstrap2/js/bootstrap.js"></script>
  <script type="text/javascript"src="{{=URL(request.application,'static','js/modal.js')}}"></script>

any suggestions??

is your #windowTitleDialog an initialized bootstrap modal? If you include all your html and jQuery it will be easier to look into it for you. — Trevor
– Trevor, Commented Dec 10, 2013 at 17:06

Codetoffel · Accepted Answer · 2014-02-07 16:25:49Z

8

I had this exact problem. The solution was quite simple after all:

It turned out, that I had included jQuery twice.

After removing the superfluous jQuery, the modal started to work as expected. So

$('#theModal').modal('hide')

actually closed the dialog.

answered Feb 7, 2014 at 16:25

Codetoffel

2,7932 gold badges23 silver badges14 bronze badges

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

1 Comment

Amir Over a year ago

Wow, I did the exact same thing. Thank you for answering your own question. I was completely stumped as to why it wasn't working.

Collectives™ on Stack Overflow

Bootstrap modal Uncaught TypeError: Object [object Object] has no method 'modal'

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related