Inline content, can't close the popup. Close button missing

Resolved Niels Pilon
(@nielspilon)

11 years, 2 months ago
Hi,

I’m trying to using Easy FancyBox to display a form (using GravityForms) in a popup. The link and popup works and it displays the form as well.

But there’s no way to close the popup. The close button is missing and clicking outside the popup doesn’t close the popup either.

I’m using the markup as suggested in the FAQ like this:
```
<div style="display:none" class="fancybox-hidden"><div id="fancyboxID-1" class="hentry">
<?php gravity_form( 4, false, false, false, '', true ); ?>

</div></div>

<a href="#fancyboxID-1" class="call-back fancybox-inline">My link text</a>
```
Firebug shows me an error though: TypeError: content.get(…).style.removeAttribute is not a function

How can I solve this issue?

https://ww.wp.xz.cn/plugins/easy-fancybox/

Viewing 4 replies - 1 through 4 (of 4 total)

Rolf Allard van Hagen
(@ravanh)

11 years, 2 months ago

Sounds like either a conflict with another script or the wrong version of jQuery. A link to your site will reveal more…

Thread Starter Niels Pilon
(@nielspilon)

11 years, 2 months ago

Hi RavanH,

Site/theme is currently being worked on and in demo but you can visit the page with the FancyBox error here: http://motor.frisweb.nl/motoren/honda-hornet-600/

The popup shows when you click on the green ‘Bel me terug over deze motor’ link.
Rolf Allard van Hagen
(@ravanh)

11 years, 2 months ago
Hallo Niels,

Inderdaad in verkeerde versie van jQuery.

Turns out your theme replaces the WordPress jQuery (1.11) with its own included jQuery 2.1 which is incompatible with FancyBox.

You could try manually replacing the jquery version. First make a backup of the file http://motor.frisweb.nl/wp-content/themes/fris-motor/foundation/js/vendor/jquery.js and then replace everything above/before:
```
/*!
 * Sizzle CSS Selector Engine v2.2.0-pre
```
with the complete content from http://motor.frisweb.nl/wp-includes/js/jquery/jquery.js

But I this might cause incompatibility errors with other theme script… If it does, I fear there is no easy way to make your theme and Easy FancyBox compatible.
Thread Starter Niels Pilon
(@nielspilon)

11 years, 2 months ago

Hi RavanH,

Thanks for your reply. The default jQuery that WordPress uses was indeed deregistered and replaced with the version included by Foundation.

I’ve reverted that and the popup works as intended now. I can’t see any problems with Foundation so far too so it seems to be fine this way.

Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Inline content, can't close the popup. Close button missing’ is closed to new replies.