jQueryに関する質問です。
先日→http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1372992683の質問をした者です。
回答ありがとうございました。画像の件は教えて頂いた通りにしたら出来ました☆
jQueryなんですが、教えて頂いたプラグインに気に入ったものがあったので、
そちらを設置してみましたがうまく出来ません・・・。(泣)
Twitterなし
http://numberfive2011.web.fc2.com/
Twitter公式widgets
http://numberfive2011.web.fc2.com/index2.htm
jquery-twitter-ticker
http://numberfive2011.web.fc2.com/index3.htm
先日、質問した時はTwitter公式widgetsを設置するとメニューバーが上手く動かないと書きましたが
今は何故だか動きます・・。
ですがjquery-twitter-tickerを気に入りましたので、出来ればこちらを設置したいですのですが
問題があります・・・。
①メニューバーが上手く動かない。
②Tweetがリアルタイムに表示されない、全Tweetが表示されない。
③サンプル↓のように、右側にスクロールバーが表示されない。
http://tutorialzine.com/2009/10/jquery-twitter-ticker/
何故でしょうか・・・。
あと、Topページなんですけど、広告が変な位置(メニューバーに重なって)表示されるのは何故ですか・・・。
わからない事だらけで困ってます(泣)コードを見て頂けないでしょうか・・。
お願い致します。
補足
回答ありがとうございます!!
教えて頂いたように修正したら全てが動かなくなりました・・。↓
http://numberfive2011.web.fc2.com/index4.htm
});の位置が間違っているのでしょうか・・。
回答
もう一度投稿します。全部$(document).readyに持ってきては駄目です。
HTMLの(document).readyの記述は以下が望ましいと思います
-----------------------------------------
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
$("#topnav li").prepend("<span></span>");
$("#topnav li").each(function() {
var linkText = $(this).find("a").html();
$(this).find("span").show().html(linkText);
});
$("#topnav li").hover(function() {
$(this).find("span").stop().animate({
marginTop: "-40"
}, 250);
} , function() {
$(this).find("span").stop().animate({
marginTop: "0"
}, 250);
$(document).ready(function() {
$('#twitter-ticker').slideDown('slow');
for(var i=0;i<tweetUsers.length;i++)
{
if(i!=0) buildString+='+OR+';
buildString+='from:'+tweetUsers[i];
}
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=50");
document.getElementsByTagName("head")[0].appendChild(fileref);
});
</script>
-----------------------------------------
そして、script.jsの以下の記述を削除します。
-----------------------------------------
$(document).ready(function() {
$('#twitter-ticker').slideDown('slow');
for(var i=0;i<tweetUsers.length;i++)
{
if(i!=0) buildString+='+OR+';
buildString+='from:'+tweetUsers[i];
}
var fileref = document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=50");
document.getElementsByTagName("head")[0].appendChild(fileref);
});
-----------------------------------------
これで動かないでしょうか。
(yahoo!知恵袋より)