Jump to content

Popup script conflicting with fancybox


rizzledon

Recommended Posts

I've got 2 buttons with their own jquery scripts. One launches a fancybox video and the other shows a hidden popup contact form. I had the contact form (which shows another 'thank you msg' class when submitted) working fine, but now that I've added the fancybox button I think the stopPropagation is interfering with fancybox and I can't get them to load together. Is there away I can get my popup form to work without stopPropagation? Does anyone know how I can approach this better?

<div class="buttoncont"><div class="innercont"><div class="thanks" style="display:none;"><p>Thanks for contacting class</p></div><div class="social"><!— FANCYBOX BUTTON LINK —><div class="fancybox-media" href="http://vimeo.com/9532951" rel="media-gallery"><a class="btn"> <span class="playarrow"></span><span>watch fancybox preview</span></a></div><!— FANCYBOX BUTTON LINK END—><!— CONTACT US LINK —> <a class="btn2" href="#innercont" id='link'><span class="contactbbl"></span><span>contact us</span></a><!— CONTACT US LINK END —> </div><div id="subscribe-pop”><p>DIV POPUP TRIGGERED FROM CONTACT US LINK</p></div><div id="badge1”><a href="http://www.site1.com"><img class="badge1" src="images/badge1.png" height="auto" width="100%"></a></div><div id=“badge2”><a href="http://www.site2.com"><img class="badge2” src="images/badge2.png" height="auto" width="100%"></a></div></div></div>

FANCYBOX SCRIPT

<script type="text/javascript">$(document).ready(function() {$('.fancybox-media').attr('rel', 'media-gallery').fancybox({padding: 0,openEffect : 'none',closeEffect : 'none',prevEffect : 'none',nextEffect : 'none',arrows : false,helpers : {media : {},buttons : {}}});});</script>

POPUP FORM SCRIPT

<script type="text/javascript">$('html').click(function() {$('#subscribe-pop').hide();$('.thanks').hide(); });$('.innercont').click(function(e){e.stopPropagation();});$('#link').click(function(e) {$('#subscribe-pop').toggle();});$('#mc_embed_signup .button').click(function(e) { $('#subscribe-pop').hide(); $('.thanks').toggle(); });$('#mc_embed_signup .cancel').click(function(e) { $('#subscribe-pop').hide(); });$('.thanks').click(function() { $('.thanks').hide(); });</script>
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...