Close jQuery thickbox on button click

jquery thickbox
sudeep cv picture sudeep cv · Jul 6, 2012 · Viewed 12.2k times · Source

Here is my jQuery:

<script src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/thickbox.js"></script>
<script type="text/javascript"

$('#button').click(function(){
     $('#TB_window').fadeOut();
});

</script>

Html:

  <input type="submit" id="button" value="clse" >

I tried this function, but it's not working.

Answer

Makarand Mane picture Makarand Mane · Jan 19, 2014

Thickbox have their built in method. tb_remove just call this method tb_remove(); wherever you need. It will close thickbox properly.

If you use $('#TB_window').fadeOut(); , TB_overlay DIV will remain open. If you again do something nonsense like $('#TB_overlay').fadeOut(); then it will create problem for your thickbox. And thickbox will stop function.

Related questions

jQuery .ready in a dynamically inserted iframe

We are using jQuery thickbox to dynamically display an iframe when someone clicks on a picture. In this iframe, we are using galleria a javascript library to display multiple pictures. The problem seems to be that $(document).ready in the …

Read More
How can I simulate an anchor click via jquery?

I have a problem with faking an anchor click via jQuery: Why does my thickbox appear the first time I click on the input button, but not the second or third time? Here is my code: <input onclick="$('#…

Read More
How to load external content to a div using jquery (think embedded lightbox)

Using Thickbox is great it allows me to load external sites into the thickbox and they retain their functionality, appearance, etc. I know how to load simple content into a div with jquery but I am stuck on how to …

Read More