u010384336 2017-03-26 23:31 采纳率: 90.9%
浏览 1335
已采纳

JQuery回调函数内变量赋值问题

 <html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
getImgWH("http://lailailailai.yungler.com/196/media/img/9efa87c0f465288e.jpg");

function getImgWH(path) {

        var realwidth;
        $("<img/>").attr("src", path).load(function() {

            realwidth = this.width;
            alert(realwidth); //160
        });
        alert(realwidth); //undefined
}
</script>
<head>

<body></body>
</html>

代码如上,在回调函数内,可以正常给realwidth赋值,但是出了回调函数之后realwidth的值就变成了undefined,求解要怎么才能获取到realwidth。

  • 写回答

2条回答 默认 最新

  • 斯洛文尼亚旅游 2017-03-26 23:34
    关注

    图片加载是异步的,就是执行 alert(realwidth); //undefined这句的时候load都没有执行,当然是默认的undefined,要改为回调的形式调用

    和异步ajax一个意思,也要居于回调才能获取ajax异步返回值,不过ajax支持同步请求,img对象不行

    
        getImgWH("http://lailailailai.yungler.com/196/media/img/9efa87c0f465288e.jpg", function (realwidth) { alert(realwidth); });
    
        function getImgWH(path,callback) {
    
            var realwidth;
            $("<img/>").attr("src", path).load(function () {
    
                realwidth = this.width;
                callback(realwidth); //160
            });
        }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

悬赏问题

  • ¥40 selenium访问信用中国
  • ¥15 电视大赛投票系统的c语言代码怎么做
  • ¥20 在搭建fabric网络过程中遇到“无法使用新的生命周期”的报错
  • ¥15 Python中关于代码运行报错的问题
  • ¥500 python 的API,有酬谢
  • ¥15 软件冲突问题,软件残留问题
  • ¥30 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!
  • ¥50 有没有人会写hLDA,有偿求写,我有一个文档,想通过hLDA得出这个文档的层次主题,有偿有偿!
  • ¥15 alpha101因子里哪些适合crypto?
  • ¥15 ctrl win alt 键一直触发
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部