こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

jQueryとprototypeの共存

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>

投稿日時 - 2008-10-05 19:28:24

QNo.4379813

すぐに回答ほしいです

質問者が選んだベストアンサー

<ul id="sample">
sampleはidなので
jQuery(".sample").cycle(
 ↓
jQuery("#sample").cycle(

投稿日時 - 2008-10-06 10:44:32

お礼

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

投稿日時 - 2008-10-06 14:09:49

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問