Question

I’ve made a custom WordPress theme and when I try to activate certain plugins that do (I’m assuming) JQuery animations they don’t work.

I am including the Nivo Slider which utilizes JQuery so I coded in a link to the Google hosted Jquery in the header file.

Anyway, I’ve tried three different “news scroller” widget plugins and none of them animate. I’m still pretty new to WordPress, but can’t tell if there is a conflict somewhere that is breaking the animation feature in the scrollers. I tried removing the Nivo Slider stuff and that didn’t resolve it.

The address is http://www.studio-element.com/spyglass/about-us/

I know this isn’t much to go on, but I would appreciate any help you can give…

Thanks much.

Answer 1

your Jquery is not defined . It is inside comment so it is being ignored

your code now is this :

<!--<link rel="stylesheet" href="http://www.studio-element.com/spyglass/wp-content/themes/twentyeleven/js/nivo-slider/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="http://www.studio-element.com/spyglass/wp-content/themes/twentyeleven/js/nivo-slider/themes/orman/orman.css" type="text/css" media="screen" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://www.studio-element.com/spyglass/wp-content/themes/twentyeleven/js/nivo-slider/jquery.nivo.slider.pack.js" type="text/javascript"></script>-->

you should remove the <!-- in the begining and the --> in the end .

EDIT I : regarding plugins conflicts – when you have such an issue (it is not seems to be the case here ) you should disable all plugins, and reactivate one by one, checking the page every time . this way you can pin point the culprit.