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

    })