jquery conflicts

[adrian jones]

Hi guys
Working on a wordpress project, installed a slider which didnt display correctly and contacted the plugin author to ask for guidance.
They said that the following was causing a jquery conflict in wordpress:

    $(function() {
        function launch() {
            $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}});
            $('#popup1').lightbox_me({centered: true, onLoad: function() { $('#popup1').find('input:first').focus()}});
            $('#popup2').lightbox_me({centered: true, onLoad: function() { $('#popup2').find('input:first').focus()}});
            $('#popup3').lightbox_me({centered: true, onLoad: function() { $('#popup3').find('input:first').focus()}});
        }

He told me to change the starting $ to \"jQuery\" and this did solve the problem, the slider works fine.

It did however manage to break the lightbox pop ups, because I have enquiry links with an ID of "#head_thumb1" which when clicked, load a pop up with an enquiry form, the code for this is the above also with:

        $('#head_thumb1').click(function(e) {
            $("#popup1").lightbox_me({centered: true, onLoad: function() {
                $("#popup1").find("input:first").focus();
            }});
            e.preventDefault();
        });

Any ideas why this would be broke, and how to fix it, thanks :-)

p.s. if i put it all back to how it was, it still for some reason doesn't work, however it did before i started fiddling.

[TheGAME1264]

Do you have two versions of jQuery running at once? If so, take the older one out. That $ function should work fine.

[adrian jones]

Do you have two versions of jQuery running at once? If so, take the older one out. That $ function should work fine.

Not that I can see, however was using a very old version of jquery so have updated the URL to //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js but still no lightbox pop-ups :-(

Url: http://tinyurl.com/cvp23h5

(Its the "enquire now" on the featured offers at the top which are supposed to load a lightbox form.)

[TheGAME1264]

The original code should have been fine. I looked at the page and both should run as they are. You've got invalid syntax going on because of the * characters.

Put it back the way it was originally and let's see what's going on.

[TheGAME1264]

Try this for the first line of that lightbox function:

$(document).ready(function() {

It doesn't look like the function itself has even been called.

EDIT: stupid TinyMCE formatting.

[adrian jones]

Right, have looked at how to integrate lightbox_me once again and all I have in the source is:

<script type="text/javascript" charset="utf-8">
        $(document).ready(function() {
            function launch() {
                $('#popup1').lightbox_me({centered: true, onLoad: function() { $('#popup1').find('input:first').focus()}});
            }
           
            $('#head_thumb1').click(function(e) {
                $("#popup1").lightbox_me({centered: true, onLoad: function() {
                    $("#popup1").find("input:first").focus();
                }});
               
                e.preventDefault();
            });
           
           
            $('table tr:nth-child(even)').addClass('stripe');
        });
    </script>

#popup1 is a hidden div in my footer as instructed by lightbox_me and when #head_thumb1 is clicked, it should pop-up with #popup1, right?

Except it doesn't.

And also, with the above, the slider is not working again.

[adrian jones]

Update:

I have just removed

<script src="http:////ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>

as on viewing the full source, I see wordpress uses built in jquery here:

<script type='text/javascript' src='http://dt10012f.designs4training.co.uk/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>

This has caused the slider to function but still no pop-ups

[TheGAME1264]

You've got an error somewhere in the popup Javascript. it shows up in the console view in Chrome.

I'd remove the WP version and use the Google version. It's a later version.

[adrian jones]

I would too but the wordpress version is not in my source, it is loading automatically and I dont know how to remove it. When I paste my latest version back, the slider stops functioning.

[adrian jones]

I see in the chrome javascript console it says on line 89: Uncaught TypeError: Property '$' of object [object Object] is not a function

This line is: $(document).ready(function() {