All,
I have the following bit of code:
Code:
<script type="text/javascript">
$(document).ready(function() {
var url='http://search.twitter.com/search.json?callback=?&q=test';
$.getJSON(url,function(json){
$.each(json.results,function(i,review){
if(i==1){
$("#reviews").html('<div id=reviewnum'+i+'><b>'+review.text+'</b><br>Reviewed By: '+review.from_user+'</div>');
//$("#reviews").append('<div id=reviewnum'+i+'>'+review.text+'</div>');
}else{
$("#reviews").append('<div id=reviewnum'+i+'><b>'+review.text+'</b><br>Reviewed By: '+review.from_user+'</div>');
$("#reviewnum"+i).hide();
}
});
});
});
function rotatereview(){
var number_id = 2;
var old_number_id;
var refreshId = setInterval(function() {
if(number_id==6){
old_number_id = number_id - 1;
$("#reviewnum"+old_number_id).hide("slow");
number_id = 1;
$("#reviewnum"+number_id).show("slow");
}else{
if(number_id==1){
$("#reviewnum"+number_id).show("slow");
}else{
old_number_id = number_id - 1;
$("#reviewnum"+old_number_id).hide("slow");
$("#reviewnum"+number_id).show("slow");
}
}
number_id++;
}, 5000);
$.ajaxSetup({ cache: false });
}
rotatereview();
</script>
This code runs at the header or footer (I've tried at both places) of one of my wordpress template pages. The json never gets called to populate the div. I do have the div on my page so it isn't missing but that part works fine.
I looked and wordpress looks like it's trying to load the following jquery:
<script type='text/javascript' src='http://localhost/wordpress/wordpress/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
I'm not sure why my jquery won't work with this? Can anyone give me any ideas?
Thanks in advance!