Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Конфлитк в js

Started by immortal727 , Apr 09 2015 09:25

You cannot start a new topic
Please log in to reply
Use Full Editor

8 replies to this topic

#1 immortal727

JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 09:25

Пытаюсь сделать кнопку на вверх. Для этого подключаю следующий скрипт

 <script type="text/javascript">
/* Кнопка на верх */
$(document).ready(function() {
$("#back-top").hide();
$(function () {
 $(window).scroll(function () {
  if ($(this).scrollTop() > 400) {
$('#back-top').fadeIn();
  } else {
$('#back-top').fadeOut();
  }
 });


 $('#back-top a').click(function () {
  $('body,html').animate({
scrollTop: 0
  }, 800);
  return false;
 });
});
});
    </script>

Но к сожалению она работает только с jquery-1.4.2.min.js. Подключаю её и туту же выпадает куча конфликтов в js
Опять ставлю jquery-1.x.min.js
Но конфликт продолжается, непонятно от куда берется файл skitch.js:5

Attached Thumbnails

-2

Back to top

#2 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 09 April 2015 - 10:50

Скромненький плагин jQuery

(function ($) {
    $.fn.ScrollTop = function(){
        var scrollTop = function(){
            $(this).hide();
            var block = $(this).attr('id');
            $(window).scroll(function () {
                if ($(this).scrollTop() > 100) {
                    $('#' + block).fadeIn();
                } else {
                    $('#' + block).fadeOut();
                }
            });
            $('#' + block + ' a').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 500);
                return false;
            });
        };
        return this.each(scrollTop);
    };
})(jQuery);

Использовать следующим образом

$('#go-top').ScrollTop();

0

Back to top

#3 immortal727

Topic Starter
JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 10:56

а html тогда какой вид должен иметь?

0

Back to top

#4 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 09 April 2015 - 11:03

<div id="go-top">
    <a href="#top">
        <span>наверх</span>
    </a>
</div>

0

Back to top

#5 immortal727

Topic Starter
JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 11:24

Вы можете полностью информацию по этому делу дать. Ничего не выходит, конфликт идет и ошибка в этом скрипте.

0

Back to top

#6 Cheren-dow

JBZoo User (rus)
User rate: 95.7
posts: 5060
topics: 31

Posted 09 April 2015 - 11:26

immortal727, я полностью вам дал рабочий вариант. Видимо вы не знаете как работать с JS из-за этого ошибки.

0

Back to top

#7 immortal727

Topic Starter
JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 11:28

В общем да, я очень плохо знаю этот язык. Как применить это...

Вы можете архив прислать где это дело работает?
Уже весь интернет излазил. Везде конфликтует, какой-то skitch.js вылезает, непонятно вообще

Edited by immortal727, 09 April 2015 - 11:31.

0

Back to top

#8 immortal727

Topic Starter
JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 11:39

Делаю в <head>

<script >
(function ($) {
$.fn.ScrollTop = function(){
var scrollTop = function(){
$(this).hide();
var block = $(this).attr('id');
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#' + block).fadeIn();
} else {
$('#' + block).fadeOut();
}
});
$('#' + block + ' a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 500);
return false;
});
};
return this.each(scrollTop);
};
})(jQuery);
$('#go-top').ScrollTop();
</script>

Что не так, подскажите пожалуйста?

0

Back to top

#9 immortal727

Topic Starter
JBZoo User (rus)
User rate: 0.1
posts: 765
topics: 253

Posted 09 April 2015 - 11:56

Ну кто-нибудь помогите как правильно применить эти js?

0

Back to top

Back to J!Blank — Чистый шаблон Joomla 3.x / 2.5.x