jQueryスライダーが異なるjQuery/UIバージョンのために「スライド」しない

Question

jQueryスライダーコードをhttp://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/からTwitterのBootstrap v2.0に基づく私のウェブサイトに変更しました。

問題は、webdeveloperplus.comのスライダが古いバージョンのjQueryとjQueryUI（それぞれ1.3.2と1.5.3）を使用していることです。 jQuery/UIの指定された2つのバージョンをインポートすると、スライダは正常に動作しますが、TwitterのBootstrap JavaScriptコンポーネントはこれらのバージョンでは動作しません。 jQuery/UIの最新バージョンを使用すると、スライダは動作しません。 webdeveloperplus.comページ

、著者はそれがjQueryUI

$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 

の「最新」バージョンで動作するために、次のコード行を変更するには言った：

$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); 

が、それでも動作しません。この記事は2008年または2009年の最終更新日である可能性があります。

私の推測では、上記のコード行は廃止予定のものを使用していますが、現在のバージョンのjQuery/UIでは削除/変更されていますが、jQuery UIのAPIがチェックされていますそうではありません。誰かがここでショーストッパーが何かを見つけるのを助けることができたら、私はとても感謝しています。ありがとう。

Answer 1

jQueryのnoConflict()関数を使用して、2つの異なるバージョンのjQueryを含めることができます。

<script type="text/javascript" src="older_version_of_jquery"></script> 
<script type="text/javascript"> 
    //Do slider work 
    //... 

    $.noConflict(); 
</script> 

<script type="text/javascript" src="newer_version_of_jquery"></script> 

ドキュメント：http://jqueryui.com/demos/slider/：http://api.jquery.com/jQuery.noConflict/