Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery可以在预览中工作,但不能在Tumblr上运行_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript JQuery可以在预览中工作,但不能在Tumblr上运行

Javascript JQuery可以在预览中工作,但不能在Tumblr上运行,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我还没有找到一个有效的答案。我发现有一个类似的ish问题,但遵循解决方案似乎不起作用 当页面向下滚动足够远时,我试图改变标题的背景。它在Tumblr上的预览中工作得很好,但是当我转到live页面时,它就不工作了 这是我的HTML: <div class="titlor"><a href="/">Don<i>'</i>t Hug Me I<i>'</i>m Scared</a></div> 。。。还

我还没有找到一个有效的答案。我发现有一个类似的ish问题,但遵循解决方案似乎不起作用

当页面向下滚动足够远时,我试图改变标题的背景。它在Tumblr上的预览中工作得很好,但是当我转到live页面时,它就不工作了

这是我的HTML:

<div class="titlor"><a href="/">Don<i>'</i>t Hug Me I<i>'</i>m Scared</a></div>
。。。还有我的JQuery代码。这是放在刚刚结束标签上方

<script>
    $(document).ready(function() {
    $(window).on("scroll", function() {
        if($(window).scrollTop() > 25) {
            $(".titlor").addClass("active");
        } else {
            //remove the background property so it comes transparent again (defined in your css)
            $(".titlor").removeClass("active");
        }
    });
});
</script>

$(文档).ready(函数(){
$(窗口).on(“滚动”,函数(){
如果($(窗口).scrollTop()>25){
$(“.titlor”).addClass(“活动”);
}否则{
//删除背景属性,使其再次透明(在css中定义)
$(“.titlor”).removeClass(“活动”);
}
});
});
请记住,我对JQuery和JS了解不多,我还在学习。我在这里找到了这个密码;我不是自己打出来的

谢谢您的帮助。:]


差点忘了,

多次加载jquery

更改此项:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

多次加载jquery

更改此项:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

成功了!我不确定我是怎么忽略了这一点,但我想我确实忽略了。非常感谢。成功了!我不确定我是怎么忽略了这一点,但我想我确实忽略了。非常感谢。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>