jquery作用域问题求教

Question

这样一段代码
'''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(){})里面，函数就会报错而不执行，求指教，谢谢。

Answer 1

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

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

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

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

---

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

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

Answer 2

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

    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()
    })