jquery作用域问题求教

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

回复
阅读 5.7k
2 个回答

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

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

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

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


我试着在console运行一下验证代码:
请输入图片描述
你看第二个,输出的是执行外部的t的结果,这里看下第一个,就是怎么调用到里面的t的方式。用一个function(){}包裹,而不直接用字符串。

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏