怎么不行呢?

来源:2-11 编程练习

慕用5589845

2019-03-12 12:05:17

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title>习题</title>

    <style>

    div {

        width: 300px;

        height: 200px;

        overflow: scroll;

    }

    </style>

</head>


<body>

    <p>请试着滚动 DIV 中的文本:</p>

    <div>慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

        <br /><br />

        慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂 慕课网-程序员的梦工厂

    </div>

    <p>滚动了 <span>0</span> 次。</p>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script>

    var a = $("div").scroll(function(){

    })

    var b =$("span").text(function(){

        b=a.length;

    })

    //此处写代码

    </script>

</body>


</html>


写回答

1回答

好帮手慕夭夭

2019-03-12

你好同学 , 代码中问题如下:

1.改变span内容的代码没有放在事件中 ,所以滚动的时候 ,什么功能都没触发

    http://img.mukewang.com/climg/5c8746c1000124e507190112.jpg
2 .var a = $("div").scroll(function() 在页面打开时只会执行一次 ,a是默认赋值了一个事件 , 那么a的长度就是1 . 并不是说事件一直触发a就不会被赋值多个事件哦 . 就算是可以赋值多次 ,那么也是后一次把前一次的值给覆盖 ,a的值永远是一个事件哦 .所以这里面无论怎么思考 ,逻辑都是不对的.

3.第二条逻辑不对 ,所以下面的代码 b = a.length;也是不行的 . 这里还有一个问题 ,text里面放一个函数 ,但是这个函数里面并没有return返回值  , 所以text并没有接收到任何值

http://img.mukewang.com/climg/5c8747b90001970205230137.jpg

所以这样写逻辑上有问题 . 建议同学按照老师的思路进行调整哦

http://img.mukewang.com/climg/5c8748ba0001ff9710080146.jpg

祝学习愉快 ,望采纳 .

1

0 学习 · 36712 问题

查看课程