Lightbox works only on first click, clicking a 2nd time – progress circle loops

Looking for a solution to this as well. Instead of it showing the progression loop, it’s showing the home page on the second click. i’m checking to see if there are any Jquery conflicts.

i got the same issue. its showing home page on second click…. any help????

Hi, have you figured out how to fix this? I’m having the same problem with one of my websites…

At first the Lightbox plugin is working just fine, but when I click second time my home page appears instead of my contact form.

Thanks

I have the same problem. I use WordPress 3.6… Hope somebody can figure that out…

Use plugin: Easy FancyBox

Adjust the code and place in page/post:

<div style="display:none" class="fancybox-hidden"><div id="ID-1">
CONTENT or SHORTCODE HERE
</div>
</div>
<a href="#ID-1" class="fancybox">LINK TEXT</a>

Problem solved – this also opens gravity forms in a lightbox

Thanks myhero. That’s a very appropriate nickname! Your solution has worked like a charm!

Best Regards!

I manage to sort this by linking to latest fancybox pack js files 1.3.5 and using wp_enqueue_script function to load this as follows:

function my_scripts_method() {
	wp_enqueue_script(
	'custom-script',
	get_stylesheet_directory_uri() . '/js/jquery.fancybox-1.3.5.pack.js',
	array( 'jquery' )
	);

No need for additional plugin ??

I have same problem, but i can’t solve it. I use new wordpress version 3.6.1. but i realy how the problem sove. I know stupid question > maybe someone could help solve this problem step by step?

I just managed to get this working, here’s how –
It must be the old version of jquery that twenty twelve calls that is causing the problem, so if you put this in your functions.php in your child theme it works!

add_action('wp_enqueue_scripts', 'no_more_jquery');
function no_more_jquery(){
    wp_deregister_script('jquery');
    wp_register_script('jquery', "http" .
    ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") .
    "://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js", false, null);
    wp_enqueue_script('jquery');
}

if this is the first item in your child functions.php then put

<?php

before it, and

?>

after it.
This strips out the old jquery (‘no_more_jquery’) and adds in google’s newer one (ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js)

I got this info from here just fyi

Thanks mr_dw. This is the perfect solution to this issue. Much appreciated as I just use this plugin for a client and ran into this very issue.

I’m having the same problem, but my theme is using the most current versions of jquery (1.10.2) and fancybox (1.3.4).

Any recommendations?

I think it sounds like you need to load those two scripts within your functions.php file wp_enque_script

They are already being loaded though.

1.3.5 is the latest version of Fancybox I believe. You mentioned you have 1.3.4

OK got it, I updated to fancbox 2.1.5 and it is working now. Thanks ??