Почему window.scroll не запускается с использованием Jquery? - PullRequest
Новая
       2

Почему window.scroll не запускается с использованием Jquery?

0 голосов
/ 12 ноября 2018

Я пытаюсь изобразить src при прокрутке вниз.На самом деле это мой вопрос до .Но предположить, что ответ правильный.

Но когда я пытаюсь что-то предупредить на window.scroll .Я не получил никакого предупреждения 

$(document).ready(function () {

        $(window).scroll(function () {
            if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                alert("END!");
    }
});

Даже я пытался вне документа, как показано ниже 

{
    ViewBag.Title = "Mobile";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<head>
<script src="~/scripts/jquery-3.3.1.min.js"></script>
<script src="~/scripts/Mobile/mobile.js"></script>

    <script>
    $(window).scroll(function () {
            alert("END!");     // also this one is not firing
    });

</script>
</head>

Моя цель - установить src изображения, когда он достигнет 100 из верхней прокрутки

обновление

Я пробовал также под одним, но без предупреждения 

<script>
    $(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() < 100) {
                alert("success");

            }
        });
    });
</script>

  1. IЯ использую Asp.net MVC Framework

  2. У меня есть _Layout.cshtml Это файл, который имеет ссылку JQuery,

  3. У меня есть страница просмотра mobile.cshtml.Независимо от того, что я написал код внутри mobile.cshtml, он будет отображаться в файле _Layout.cshtml

  4. Я дал ссылку на скрипт файла mobile.js внутри mobile.cshtml

Ответы [ 2 ]

0 голосов
/ 12 ноября 2018

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

$(document).ready(function () {

        $(window).scroll(function () {
            if ($(window).scrollTop() + $(window).height() == $(document).height()) {
                alert("END!");
            }
        })
    });  //These are what you are missing above.
0 голосов
/ 12 ноября 2018 
(function(){
  $(window).scroll(function(){
    if($(this).scrollTop()>=100){
        // change image source
    }
  });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...