Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   событие скроллинга (https://javascript.ru/forum/jquery/55315-sobytie-skrollinga.html)

yintar 22.04.2015 19:58

событие скроллинга
 
Здравствуйте!

Есть простой код
Код:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    <head>
        <title>OS2</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="global.css"/>
    </head>
    <body>
     
        <div id="a" style="height: 300px; background-color:#0077b3">
       
        </div>
     
    </body>
</html>

<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            alert('yes');
          $('#a').css('background-color','red');
        });
    });
</script>

Вопрос : Почему когда я прокручиваю скролл на странице вообще ничего не происходит (не выводится alert() и не меняется фон).Уже гуглил в инете ,но ответа так и не нашел.Помогите понять почему не работает событие скролла.

рони 22.04.2015 20:28

Цитата:

Сообщение от yintar
не меняется фон

:cray: меняется -- даже при вашей нестандартной установке скрипта вне html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    <head>
        <title>OS2</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="global.css"/>
    </head>
    <body style="height: 2300px; background-color:#FFD700">

        <div id="a" style="height: 300px; background-color:#0077b3">

        </div>

    </body>
</html>
<script type="text/javascript">
    $(function() {
        $(window).scroll(function() {
            alert('yes');
           $('#a').css('background-color','red');
        });
    });
</script>

laimas 22.04.2015 20:31

А разве есть что прокрутить?

yintar 22.04.2015 20:35

А как вы определили что меняется?Скопировали себе?......но тогда я не понимаю ,значит дело в моем браузере(Chrome) или в IDE (я использую NetBeans) или еще в чем-то.Помогите понять как это так один и тот же код по-разному работает на разных компах!!!!!!!!!!!!!!!!!!!!!
Проверил и в IE тоже не пашет

yintar 22.04.2015 21:59

Рони,ответьте ,пожалуйста, что я не так делаю раз у вас все работает

рони 22.04.2015 22:08

yintar,
выключи комп, утро вечера мудренее.

yintar 23.04.2015 09:42

как это ни странно:) ,но утром тоже самое что и вечером.Уже попробовал поменять версию jquery,но проблема осталась.Консоль не выводит никаких ошибок.Может подскажите что-нибудь дельное?


Часовой пояс GMT +3, время: 19:14.