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

prototype.jsとjQuery.js、そのプラグインであるjquery.cycle.all.pack.jsを共存させ、データベースから取り出した画像にエフェクトをかけて表示したいと思っています。

ライブラリの共存には'jQuery.noConflict();'を使うところまでは調べたのですが、その使い方がよくわかりません。現在は以下のようにプログラムを書いていますが、jqueryの効果が出ていません。使い方、描き方の間違い等ありましたらご指摘お願いいたします。

<script type="text/javascript" src="./js/prototype.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.pack.js"></script>
<script type="text/javascript">
<!--
jQuery.noConflict();
function loadHello(){
new Ajax.Request(
'./php/Search2.php',
{
onComplete : function( httpObj ){
$('検索結果表示領域').innerHTML = httpObj.responseText;
}
}
);}
jQuery(function() {
    jQuery(".sample").cycle(
{
fx:'shuffle',
delay: -2000
});
});
// --></script>
</head>
<body onLoad="loadHello()">
<ul id="sample">
<div id="検索結果表示領域"></div>
</ul>
</body>
</html>

A 回答 (1件)

<ul id="sample">


sampleはidなので
jQuery(".sample").cycle(
 ↓
jQuery("#sample").cycle(
    • good
    • 0
この回答へのお礼

ありがとうございます。
ボンミスで、無事成功いたしました。

お礼日時:2008/10/06 14:09

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