javascript - jquery作用域问题求教-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - jquery作用域问题求教

天蓬老师 2017-04-10 14:31:20

[JavaScript讨论组]

480

这样一段代码
'''javascript

$(function(){
    var ti=null;        
    ti=setInterval('scro("#con1")',500);
    $('#con1').hover(function(){
        clearInterval(ti);  
    },function(){
        ti=setInterval('scro("#con1")',500);
    })
})

function scro(obj){
    $(obj).animate({marginTop:'-24px'},500,function(){
        $(this).css({'margin-top':'0px'}).find('li:first').appendTo(this);  
    });     
};

'''
为什么把函数scro放到$(function(){})里面，函数就会报错而不执行，求指教，谢谢。

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(2)

巴扎黑2017-04-10 14:33:20 2楼

放在$(function(){})里面跟放在外面，作用域不一样了，后者是全局作用域。

你这里用了setInterval，第一个参数用的是字符串，这里跟setTimeout类似，可以参考MDN的描述>>

字符串会在全局作用域内被解释执行,所以当setTimeout()函数执行完毕后,字符串中的变量不可用.

留意第一句话，字符串会在全局作用域内被解释执行，那么如果你把scro放在里面的话，全局就找不到scro了。

我试着在console运行一下验证代码：

你看第二个，输出的是执行外部的t的结果，这里看下第一个，就是怎么调用到里面的t的方式。用一个function(){}包裹，而不直接用字符串。

赞 +0

添加回复

大家讲道理2017-04-10 14:33:20 1楼

这段代码我觉得从实践上并不是很优化，我从我的思路帮你写一下，参考一下

    var $con = $('#con1'), intID

    function setInt(){
        intID =  setInterval(function(){
          $con.animate({marginTop:'-24px'},500,function(){
             $(this).css({'margin-top':'0px'}).find('li:first').appendTo(this);  
          });
        },500);
    }   

    setInt()

    $con.hover(function(){
        clearInterval(intID);  
    },function(){
        setInt()
    })

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>