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:
Code:
$(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:
Code:
$('#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.