Jquery - нельзя использовать плагин? - PullRequest
Новая
       18

Jquery - нельзя использовать плагин?

1 голос
/ 28 марта 2011

Я пытаюсь использовать плагин полосы прокрутки, написанный с помощью jquery: tinyscrollbar. Вы можете найти его здесь: веб-сайт о плагине Tynyscrollbar я использую jquery 5 с этой командой: 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>

и я позвоню сразу после: 

<script type="text/javascript">
    $(document).ready(function(){
        $('#scrollbar1').tinyscrollbar();
    });
</script>

и, наконец, вот HTML-код: 

<div id="scrollbar1">
    <div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
    <div class="viewport">
        <div class="overview">
            <?php echo $content;?>
        </div>
    </div>
</div>

У меня ошибка при загрузке плагина (или другой, я пробовал много ...): Firebug подскажите $ ( "# Scrollbar1") tinyscrollbar (). не является функцией.

но скрипт загружен, и я пытаюсь сделать предупреждение, и это отлично работает у тебя есть идея ???

PS: простите за мой английский ... это не мой язык ^^ '

Ответы [ 2 ]

1 голос
/ 28 марта 2011

Вам нужно вызвать файл jquery.tinyscrollbar.min.js

Если вы скачаете пример на веб-сайте, вы увидите файл jquery.tinyscrollbar.min.js в папке js

Или вы можете сослаться на него здесь

http://www.baijs.nl/tinyscrollbar/js/jquery.tinyscrollbar.min.js

Вам также необходимо добавить CSS

Веб-сайт, на который вы ссылаетесь, имеет стили CSS, подобные этому 

#scrollbar1 { width: 520px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 500px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

Рабочий пример

http://jsfiddle.net/ChiBlaaa/SEWm2/

1 голос
/ 28 марта 2011

Вам необходимо загрузить плагин.Пока что вы загрузили только jquery.

...