javascript - Colorbox Close Event not responding on Safari -


i have color box implementation on click of url(inside colorbox) should close colorbox itself. below code:

html on click of url opens colorbox of image.

<link rel="stylesheet" href="colorbox.css" type="text/css" media="all" />  <script src="jquery-1.8.3.min.js" type="text/javascript"> </script> <script src="jquery.colorbox-min.js" type="text/javascript"></script>  <script> $(function() { $('.colorbox-link').colorbox({         transition: "none",         opacity: 0.4,         oncomplete: function(){             $.colorbox.resize();         },         speed: 300,         width: 530,         initialwidth: "530",         innerwidth: 530,         maxwidth: 530,         height:false,         initialheight: "400",         innerheight: false,         maxheight: false,         preloading:false      });      }); </script>  <a id="preview1" href="openpopup.php" class="colorbox-link">preview</a> 

popup/colorbox opens on click of preview url

<link rel="stylesheet" href="colorbox.css" type="text/css" media="all" /> <script src="jquery-1.8.3.min.js" type="text/javascript"> </script>  <script src="jquery.colorbox-min.js" type="text/javascript"> </script>   <script>   $(document).ready(function () {      $('#change').click(function(){          $('#cboxclose').click();     });    }); </script> <div class="popup-shell">   <div class="modal-header"> <i id="close-icon" class="icon-close close-trigger"> </i>     <h2 class="page-title"> preview file </h2>   </div>   <div class="popup-body">     <div class="popup-image-holder"> <a class="demo" href=""> <img src="personal.jpg" /> </a> </div>   </div>     <div class="modal-footer">     <p class="buttons-small"> <a id="accept" href="javascript:;"> accept </a> <a href="javascript:;" id="change"> change </a> </p>   </div> </div> 

now in colorbox/popup window, there link "change" on click of color box should close, doesn't... works fine in other browsers except safari

the demo url can find application. please see in safari.

i guess there no need of <a> tag because using jquery attach event it. try

<div class="modal-footer">     <p class="buttons-small">        <input type ="button" value ="accept" id="accept" />        <input type ="button" value ="change" id="change" />      </p> </div> 

Comments

Popular posts from this blog

assembly - 8086 TASM: Illegal Indexing Mode -

Java, LWJGL, OpenGL 1.1, decoding BufferedImage to Bytebuffer and binding to OpenGL across classes -

javascript - addthis share facebook and google+ url -