使用 Jquery 更新 Azure 网页答案

【问题标题】：Using Jquery to update an Azure web page使用 Jquery 更新 Azure 网页
【发布时间】：2013-06-19 16:15:31
【问题描述】：

我正在尝试在 MVC 4.0 和 knockoutMVC 中构建一个网站，该网站使用 jQuery 更新页面上的元素，该网站将从 Azure Web 运行，当我在本地运行时我的代码工作正常，但是当我上传时天蓝色没有更新发生在视图上。是否有任何理由发生这种情况。我目前正在使用免费的 Azure 试用版。

我已经提取了所有代码，只剩下一个 hello world 页面，该页面将每 4 秒更新一次页面上的时间。然而，即使这样也行不通。

<script type="text/javascript">
var myVar = setInterval(function () { UpdateTime(); }, 4000);

$(document).ready(function UpdateTime() {
    var now = new Date();
    $("#time").text(now.toLocaleTimeString());
});
</script>
<h2>HelloWorld</h2>
<label id="time"></label>

【问题讨论】：

标签： jquery asp.net-mvc azure knockout-mvc

【解决方案1】：

不知何故，它似乎在本地工作，但只更新一次时间。我不确定为什么它甚至可以在第一次命中时起作用，所以也许其他人可以在此添加更多内容。我建议在文档就绪事件之外定义更新函数，并且仅在保证加载元素时设置 setInterval。您也可以避免每四秒查找一次元素。不确定这是否能回答你的问题，但它在本地对我来说并不完全有效。

var myVar, $time;
function UpdateTime() {
    var now = new Date();
    $time.text(now.toLocaleTimeString());
}
$(document).ready(function(){
    $time = $("#time");
    myVar = setInterval(UpdateTime, 4000);
});

【讨论】：