Слайдер jQuery не «скользит» из-за разных версий jQuery / UI - PullRequest
Новая
       13

Слайдер jQuery не «скользит» из-за разных версий jQuery / UI

1 голос
/ 23 марта 2012

Я адаптировал код слайдера jQuery из http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/ на свой сайт, который основан на Bootstrap Twitter 2.0.

Проблема в том, что слайдер с webdeveloperplus.com использует более старую версию jQuery и jQueryUI (1.3.2 и 1.5.3 соответственно). Ползунок работает нормально, если я импортирую две указанные версии jQuery / UI, но компоненты 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, но я проверил API jQuery UI, и мне кажется, что это не так. Я был бы очень признателен, если бы кто-нибудь мог помочь мне узнать, что здесь за стоп-кадр. Спасибо.

1 Ответ

2 голосов
/ 23 марта 2012

Вы можете использовать функцию jQuery noConflict() для включения двух разных версий 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://api.jquery.com/jQuery.noConflict/

...