電子書籍の厳選無料作品が豊富!

jQuery初心者です。tweetable.js(http://theodin.co.uk/blog/javascript/tweetable-j …
で取り込んだつぶやきをsimple-spy-effect(http://jqueryfordesigners.com/simple-jquery-spy- …)を使って縦にスライドさせようとしているのですがうまくいきません。
具体的にはsimple-spy-effect、tweetable.js片方だけ使用してテストすると問題なく動作するのですが両方をあわせると自動スライドのほうが効かなくなってしまいます。
おそらくつぶやきを取得し終わった後にspy effectの処理を行わせるようにするといいと思うのですがやり方がわかりません。。
希望としてはユーザーが特にアクションを起こさなくてもページが開けば自動でつぶやきスライドが始まる感じにしたいのです。
よろしくお願いします。。

/* コードです */
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Simply Spy</title>
<style type="text/css" media="screen">
<!--
#sidebar li {height: 90px;overflow:hidden;}
#sidebar .spyWrapper {height: 100%;overflow: hidden;position: relative;}
-->
</style>
<script src="jq_1.2.6min.js" type="text/javascript"></script>
<script src="jq_tweetable.min.js" type="text/javascript"></script>
<script src="simple_spy.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('#sidebar').tweetable({
username: 'jquery',// ここにtwitterのユーザー名を入力する
time: true,
limit: 15
});
});
</script>
</head>
<body>
<div id="sidebar"></div><!--つぶやきを表示-->
</body>
</html>

【補足】
simple-spy-effectはjquery1.4では動かないみたいなので1.2.6を読み込んでます
simple_spy.jsは上記サイトのコードのコピペです。
jq_tweetable.min.jsはul要素にsimple_spyの動作に必要なclassの"spy"をつけた以外は上記サイトのままです。

A 回答 (1件)

試してませんが、


jquery.tweetable.js内の

//close the unordered list

の直下に、

$('ul.spy').simpleSpy();

を入れてみたらどうでしよう。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!