Note that there are some explanatory texts on larger screens.

plurals
  1. POColorbox Close Event not responding on Safari
    primarykey
    data
    text
    <p>I have color box implementation where on click of a URL(inside the colorbox) should close the colorbox itself. Below is the code:</p> <blockquote> <p><strong>HTML Where on click of a URL opens a ColorBox of Image.</strong></p> </blockquote> <pre><code>&lt;link rel="stylesheet" href="colorbox.css" type="text/css" media="all" /&gt; &lt;script src="jquery-1.8.3.min.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script src="jquery.colorbox-min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script&gt; $(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 }); }); &lt;/script&gt; &lt;a id="Preview1" href="openpopup.php" class="colorbox-link"&gt;Preview&lt;/a&gt; </code></pre> <blockquote> <p><strong>POPUP/COLORBOX which opens on click of a Preview URL</strong></p> </blockquote> <pre><code>&lt;link rel="stylesheet" href="colorbox.css" type="text/css" media="all" /&gt; &lt;script src="jquery-1.8.3.min.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script src="jquery.colorbox-min.js" type="text/javascript"&gt; &lt;/script&gt; &lt;script&gt; $(document).ready(function () { $('#change').click(function(){ $('#cboxClose').click(); }); }); &lt;/script&gt; &lt;div class="popup-shell"&gt; &lt;div class="modal-header"&gt; &lt;i id="close-icon" class="icon-close close-trigger"&gt; &lt;/i&gt; &lt;h2 class="page-title"&gt; Preview Your File &lt;/h2&gt; &lt;/div&gt; &lt;div class="popup-body"&gt; &lt;div class="popup-image-holder"&gt; &lt;a class="demo" href=""&gt; &lt;img src="personal.jpg" /&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="modal-footer"&gt; &lt;p class="buttons-small"&gt; &lt;a id="accept" href="javascript:;"&gt; accept &lt;/a&gt; &lt;a href="javascript:;" id="change"&gt; change &lt;/a&gt; &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Now in colorbox/popup window, there is a link "change" on click of which color box should close, but it doesn't... It works fine in all other browsers except SAFARI</p> <p>The <a href="http://ec2-50-19-74-207.compute-1.amazonaws.com/encdec/index.php" rel="nofollow">Demo URL</a> where you Can find the application. please see in Safari. </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload