Things are probably going to be a little quiet here for this week as I’m working full speed ahead on a fairly complex property management plugin for a client’s website, which is running on WordPress.
The plugin requires a dynamic form, which allows the admin to add and remove form elements on the fly, which naturally requires some jQuery code to manage.
Long story short, I got the form working outside the WordPress framework and then moved onto integrating it with WordPress – The custom admin menus added perfectly, the database was created on the fly and pretty much everything else was in order, except for the ability to create extra form elements. I double checked the jQuery includes and that was all in order and not even firebug could offer me some help. Anyway, I managed to solve the problem after 30mins of complete frustration!
In WordPress $() has been reserved for the prototype library and therefore a conflict was taking place. Fortunately there’s quite an easy fix for this..
Original code..
$(document).ready(function(){
});
Fix applied code..
jQuery(document).reader(function(){
});
There’s another way of doing this, take a look..
$j=jQuery.noConflict();
$j(document).ready(function(){});
I would hate to see someone else go through the same pain as I did and that’s why I’m sharing this. Whilst putting this post together I came across a WordPress discussion, which offers even more explanation over this topic.
Yeah dude, the plugins coming together nicely. Looking forward to seeing it all come together.
I’m tring to determine if I got through more than I expected to, or not. It’s hard to gauge how things are going, fighting this timeline! :))
Tell you one thing, one seriously rocking website coming up soon hey, go team!
Im having a jquery conflict on my feature content glider! The glider jquery is conflicting with photosmash galleries and lightbox-pro in wordpress.mu root page. can you help me
Always annoying when plugins clash – you might have loaded the jquery libraries more than once?
can you help Chris, if so I will repay you!
email me, please
I been trying to fix this issue for a while.
Did you try replacing the $ signs?
To j’s yes, Im not sure where to do that as well, I did it in jquery.js in the theme and in the home.php where the content glider was dived at.
Can u email me?
Where do I place the code?
Hi mitch, did the theme come with any instructions? The glider should work from the start and the first thing I would do is disable all the plugins, as it’s probably the plugins causing the conflict. Also, have you checked that the theme is compatible and all with your version of WordPress?