Здравствуйте! Не могу решить проблему:
Есть сайт 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>
Помогите разобраться! Может их каким то образом объединить?
Заранее большое спасибо!