I’m learning how to write a plugin. My plugin is a google map that places markers based on the selected criteria. It works fine. The problem is that it interferes with one part of the theme I’m using. The theme is called Superb. The theme has a uBillboard, basically, it’s a slider. For some reason, my plugin prevents the uBillboard from appearing– the first maybe 30 pixels of the image are visible.
I’m not sure where to begin in order to debug this. What should I be looking for? What are common reasons for plugins interfering with themes? I can post code, but I don’t think that it makes sense to post the whole theme and my plugin.
Thank you.
The most common problem are JavaScript conflicts, you can debug this by making sure you are using no conflict wrappers. Another thing you can adjust is the load order, sometimes there are errors when one script is loader before/after another. If you are relying on many 3rd party scripts it can be difficult, you might have to completely re-do some functionality.
Also check to see if there are any CSS selectors clashing, make sure all the CSS the JavaScript references is unique and separate. Google chrome’s inspect element is a great tool to debug and step through JavaScript.