bootstrap modal is not a function

Question

I'm using twitter bootstrap modal dialog. And it works fine while only opening it with

<a class="btn" data-controls-modal="my-modal" >Launch Modal</a> 

But when I try something like

$('#close_popup').click(function(){     $('#rules').modal('toggle');     }); 

I get a javascript error:

bootstrap modal is not a function

Moreover. As far a I understand link with .close must close the window and it doesn't. What do I do wrong?

Answer 1

I don't know if you have figured out this issue or not being it was a couple months ago when you asked the question, but I came across the same problem and it had to do with a conflict with another plugin, so I will post the solution for future inquiries.

Here is an example of what I did to get around this issue.

function ShowImageInModal(path) {     jQuery.noConflict();     (function ($) {         $('#modalImage').removeAttr("src").attr("src", path);         $('#myModal').modal('show');     }     )(jQuery); }