Совместимость скриптов\плагинов jQuery
Здравствуйте! Не могу решить проблему:
Есть сайт Bootls.com . На нём подключены 2 плагина: 1. easyTooltip 2. Поднятие страницы вверх (не знаю как он называется...) Для плагина №2 используется просто скрипт, который я всунул в верхушке сайта: <script type="text/javascript">
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
// hide #stattop first
$("#stattop").show();
// fade in #stattop
$(function () {
$(window).scroll(function () {
if ($(this).scrollDown() > 100) {
$('#stattop').fadeOut();
} else {
$('#stattop').fadeIn();
}
});
// scroll body to 0px on click
$('#stattop a').click(function () {
$('body,html').animate({
scrollDown: 0
}, 800);
return false;
});
});
});
</script>
А для плагина №1 используются: jQuery.js и Tooltip.js, а также этот код: <script type="text/javascript">
$(document).ready(function(){
$("tr").easyTooltip();
});
</script>
(он находится в <head></head>) , которые находятся в корне сайта. Так вот первым был установлен на сайт плагин №2 и отлично работал... После того как я подключил плагин №1 плагин №2 перестал работать... После небольшого анализа я понял, что конфликтуют: Этот: <script type="text/javascript">
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<script type="text/javascript">
$(document).ready(function(){
// hide #stattop first
$("#stattop").show();
// fade in #stattop
$(function () {
$(window).scroll(function () {
if ($(this).scrollDown() > 100) {
$('#stattop').fadeOut();
} else {
$('#stattop').fadeIn();
}
});
// scroll body to 0px on click
$('#stattop a').click(function () {
$('body,html').animate({
scrollDown: 0
}, 800);
return false;
});
});
});
</script>
И этот: <script type="text/javascript">
$(document).ready(function(){
$("tr").easyTooltip();
});
</script>
Помогите разобраться! Может их каким то образом объединить? Заранее большое спасибо! |
Цитата:
Откройте консоль браузера (F12 либо Ctrl+Shift+I, либо смотрите в меню) и посмотрите какие сыпятся ошибки. Все три куска можно объединить в один. Более того, все можно засунуть в одну функцию. |
что-то вы не договариваете
на сайте есть еще скрипт "jerry.js", который удаляет jquery-функцию scrollTop:blink: если он был всегда, то и плагин 2 никогда бы не работал |
Цитата:
|
Цитата:
|
Цитата:
<script type="text/javascript"> $(document).ready(function(){ $("tr").easyTooltip(); }); </script>
Плагин 2 начитает работать? jerry.js тогда непричём? |
Цитата:
специально проверил, что scrollTop появился в версии 1.2.6 видимо вторая jquery переопределяет первую удалите этот файл короче (зачем он вам?) и попробуйте без него Цитата:
может быть потому что у вас 2 jquery на странице не знаю как они могут взаимодействовать |
Цитата:
|
| Часовой пояс GMT +3, время: 10:58. |