将JQuery变量从函数传递到document.ready

Question

我无法将我的变量从一个函数传递到document.ready，以便我可以插入到我的HTML中。

如果我定义了距离当前displayContent函数之外的距离，那么它可以工作，但我似乎无法从该函数内部获取值到document.ready。我尝试在document.ready内包装我的displayContent功能，但那也不起作用。

我的代码目前是：

<script type="text/javascript"> 
var distance; 

function displayContent(json) { 
     var len = json.feed.entry.length; 
     var distance = json.feed.entry[0].gsx$todaydist.$t; 
     var calso = json.feed.entry[0].gsx$todaycalso.$t; 
     var calsi = json.feed.entry[0].gsx$todaycalsi.$t;    
} 


    $(document).ready(function() { 
      $(".distance").html(distance) 
}); 
</script> 

Answer 1

我的第一印象是，你声明的距离变量，而两倍，比它声明和分配

<script type="text/javascript"> 
var distance; 

function displayContent(json) { 
     var len = json.feed.entry.length; 
     distance = json.feed.entry[0].gsx$todaydist.$t; 
     var calso = json.feed.entry[0].gsx$todaycalso.$t; 
     var calsi = json.feed.entry[0].gsx$todaycalsi.$t;    
} 


    $(document).ready(function() { 
      $(".distance").html(distance) 
}); 
</script>