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
Post a Comment