I am using WP3 and am using some simple JQ to style some elements.
However, I cannot get it to work.
I am aware of but beyond that I don't know where to put my own code exactly, in which file or place. The code is:
<script>
$(document).ready(function(){
$("#image" + photoNum).animate({ opacity: 0, scale: 3 }, 0);
</script>
Which works outside of WP, but not in it.
Any ideas?
Thank you
One of the biggest problems is that you are not ending the function, you need to add }); to the end. If that does not fix it, something that I discovered is that there are often issues with plugins using other frameworks, so for the $(document).ready() wrap, use "jQuery" instead of "$" like so:
<script>
jQuery(document).ready(function(){
$("#image" + photoNum).animate({ opacity: 0, scale: 3 }, 0);
});
</script>
You can however, continue to use "$" within the function. But any unwrapped code probably needs to use "jQuery".
For some reason the $ needs to be reassign in Wordpress or it will not work at all. I am not too familiar with how Wordpress and Jquery works, but I recall getting this snippet and having everything work properly.
$j=jQuery.noConflict();
Your coding would be as follow... which should also be closed with }); as some of the people on SO have answered.
<script>
$j(document).ready(function(){
$j("#image" + photoNum).animate({ opacity: 0, scale: 3 }, 0);
});
</script>
Also in Ben's code, you can see there are no symbols to call jquery but the word itself.
});...