Javascript jQuery什么都不做

我有一个jQuery，它应该在页面滚动后“滑入”一个标题，但什么也没有发生。在第三行，我的代码编辑器给了我一个！只读警报，可能语法有问题

我使用的是自动调用jQuery的beaver builder

$( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 450){
                $('#jQuery-mob').slideDown();
            }

            if (scroll < 450){
                $('#jQuery-mob').slideUp();
            }

        });
    });

        $( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 700){
                $('#why-jquery').slideDown();
            }

            if (scroll < 700){
                $('#why-jquery').slideUp();
            }

        });
    });

---

此代码存在逻辑问题

  if (scroll < 450 && scroll < 800){ 

当scroll小于450时，它也小于800，那么为什么要包含第二个比较

这句话也是这么说的：

if (scroll < 700 && scroll < 1000){

我使用的是自动调用jQuery的beaver builder

$( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 450){
                $('#jQuery-mob').slideDown();
            }

            if (scroll < 450){
                $('#jQuery-mob').slideUp();
            }

        });
    });

        $( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 700){
                $('#why-jquery').slideDown();
            }

            if (scroll < 700){
                $('#why-jquery').slideUp();
            }

        });
    });

我想你的意思是：

我正在使用wordpress，它会自动调用jQuery

$( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 450){
                $('#jQuery-mob').slideDown();
            }

            if (scroll < 450){
                $('#jQuery-mob').slideUp();
            }

        });
    });

        $( document ).ready(function() {
        $(window).scroll(function(){
            scroll = $(window).scrollTop();
            if (scroll > 700){
                $('#why-jquery').slideDown();
            }

            if (scroll < 700){
                $('#why-jquery').slideUp();
            }

        });
    });

对于wordpress站点，默认情况下必须使用jQuery而不是$。您可以替换all，也可以只在.ready包装器中使用jQuery，并将$传递到.ready函数中

两者的示例：

jQuery( document ).ready(function() {
    jQuery(window).scroll(function(){
        scroll = jQuery(window).scrollTop();
        if (scroll > 450){
            jQuery('#jQuery-mob').slideDown();
        }

        if (scroll < 450){
            jQuery('#jQuery-mob').slideUp();
        }
    });
});

jQuery(document).ready(function(  $  ) {
    $(window).scroll(function(){
        scroll = $(window).scrollTop();
        if (scroll > 700){
            $('#why-jquery').slideDown();
        }

        if (scroll < 700){
            $('#why-jquery').slideUp();
        }
    });
});

请注意，我没有检查您的代码，但我确实看到您在使用scroll时没有使用var声明它。这意味着scroll将是一个全局变量。设置/使用这两个功能可能会相互干扰，并会覆盖window.scroll功能。您可能需要使用var scroll=etc，最好使用另一个变量名。

scroll是一个窗口级函数，因此在浏览器上下文中充当：

---

console.logscroll我认为你不应该有两个$document.ready你可以发布你的html吗？scroll<450&&scroll<800这两个条件之一是多余的或不正确的。与这两个相同：scroll<700&&scroll<1000Beaverbuilder仅在由于某些原因jQuery不可用或加载了较旧版本时加载其自己的jQuery副本。您仍然应该声明自己的版本，因为这是它们的回退。已声明使用jQuery的脚本的个数。代码编辑器将为您提供`！只读`警报表示您没有对该文件的写入权限。你写的任何代码都不会被保存，因此不会运行。我已经修复并更新了OQ，但在我的页面上没有任何更改。这也是我的想法。还可以这样为$that=jQuery设置一个var:var$=jQuery；是的，那是另一个选择。