我为我的梦幻足球联赛做了一个小页面:
http://www.legendary.no/gamecenter
它只是从nfl.com加载html,并且每60秒更新一次分数。 (为了测试目的,我把它设置为6秒)
在桌面上工作得很好,但在我的iPhone上,无论是在Safari还是Chrome上,当6秒钟过去并更新数字时,它们都变成了NaN。
任何人都知道这里有什么问题,为什么它在桌面上的chrome和safari中运行良好,但在移动设备上却没有?
编辑:这是页面中的脚本:
$("#hide").load("http://fantasy.nfl.com/league/1444853/team/1/gamecenter?week=14 #teamMatchupNav");
window.setInterval(function() {
for (i = 1; i < 11; i++) {
newScore = parseInt($(".teamTotal.teamId-" + [i]).text(), 10);
oldScore = parseInt($("span.team" + [i]).text(), 10);
$('span.team' + [i]).text(newScore);
if (newScore > oldScore) {
$('li.team' + [i]).removeClass("up down none").addClass("up");
} else if (newScore < oldScore) {
$('li.team' + [i]).removeClass("up down none").addClass("down");
} else {
$('li.team' + [i]).removeClass("up down none").addClass("none");
}
}
function sortEm(a, b) {
return parseInt($('.teamscore', a).text()) < parseInt($('.teamscore', b).text()) ? 1 : -1;
}
$('.semi1').sort(sortEm).prependTo($('ul#Semi1'));
$('.semi2').sort(sortEm).prependTo($('ul#Semi2'));
$('.semi3').sort(sortEm).prependTo($('ul#Semi3'));
$('.semi4').sort(sortEm).prependTo($('ul#Semi4'));
$('.semi5').sort(sortEm).prependTo($('ul#Semi5'));
}, 6000);
代码示例:
<ul id="Semi1" class="matchup">
<li class="semi1 team4">Thomas
<em class="diff"></em>
<span class="team4 teamscore">0</span>
</li>
<li class="semi1 team1">Jonas
<em class="diff"></em>
<span class="team1 teamscore">0</span>
</li>
</ul>