html - jQuery function .bind not working in IE -

html - jQuery function .bind not working in IE -

this website

if click on little thumbnails larger image displays. in chrome works perfectly, when seek in ie9 doesn't anything. here code:

jquery

// javascript document //button1 ;(function($) { // dom ready $(function() { // binding click event // jquery v.1.7.0 utilize .on() instead of .bind() $('#my-button').bind('click', function(e) { // prevents default action triggered. e.preventdefault(); // triggering bpopup when click event fired $('#element_to_pop_up').bpopup({ appendto: 'form' , zindex: 2 , modalclose: false }); }); }); })(jquery); //button2 ;(function($) { // dom ready $(function() { // binding click event // jquery v.1.7.0 utilize .on() instead of .bind() $('#my-button1').bind('click', function(e) { // prevents default action triggered. e.preventdefault(); // triggering bpopup when click event fired $('#element_to_pop_up1').bpopup({ appendto: 'form' , zindex: 2 , modalclose: true }); }); }); })(jquery); ;(function($) { //button3 // dom ready $(function() { // binding click event // jquery v.1.7.0 utilize .on() instead of .bind() $('#my-button2').bind('click', function(e) { // prevents default action triggered. e.preventdefault(); // triggering bpopup when click event fired $('#element_to_pop_up2').bpopup({ appendto: 'form' , zindex: 2 , modalclose: false }); }); }); })(jquery);

and html

<!-- portfolio popup box --> <div id="element_to_pop_up"> <a class="bclose">x<a/> <img src="imgs/portfolio/bobbie.png" width="100%" height="100%" alt="bobbie gordon website" /> </div> <div id="element_to_pop_up1"> <a class="bclose">x<a/> <img src="imgs/portfolio/jareth.png" width="100%" height="100%" alt="bobbie gordon website" /> </div> <div id="element_to_pop_up2"> <a class="bclose">x<a/> </div> <!-- portfolio popup box end -->

css

#element_to_pop_up { padding:5px; color:#000; display:none; width:90%; height: 100%; position:absolute; border:1px solid #000; } #element_to_pop_up1 { padding:5px; color:#000; display:none; width:90%; height: 90%; position:absolute; } #element_to_pop_up2 { padding:5px; color:#000; display:none; width:90%; height: 90%; position:absolute; } .bclose{ cursor:pointer; position:absolute; right:-15px; top:-15px; font-size:22px; font-weight:bold; }

i quite sure binding onclick. perhaps ie doesn't recognise it? or cancels out click giving effect of nil happening.

thanks all.

this fixed sparky!

convert .bind() .on() or downgrade jquery version. site running jquery 1.9 has removed deprecated features. include migrate plugin.

also, hope of site working in explorer, must first validate html:

http://validator.w3.org/check?uri=http%3a%2f%2fjohns-webdesign.com%2fport.html&charset=%28detect+automatically%29&doctype=inline&group=0

jquery html jquery-ui bpopup