Javascript TypeError:在浏览器中加载动画时未定义数据模型

我在将动画信息图加载到网页时遇到问题，希望得到一些帮助

动画是在Adobe Edge中创建的，并嵌入到网页的iFrame中。它从与网页位于同一目录中的json文件中提取数据

问题 在所有浏览器中，我都会在控制台窗口中收到错误

TypeError:dataModel未定义
，但是在Chrome和IE中，我也会收到错误
加载资源失败：服务器响应时，json文件的状态为404（未找到）
。在Chrome或IE中无法识别json文件。我已经对其进行了验证，并将脚本
包含在页面的
标记中

在本地，网页在Firefox和Safari中正确加载动画，但一旦在服务器上，它就会中断

以下是相关网页的链接：

JS代码

var dataModel;

$.getJSON( "stations.json", function( json ){
    dataModel = json;
});

var index = -1;

function handleClickEvent( id ){

    // Handle timeline trigger clicks
    showDetail(id);
}
// Expose to globally accessible scope
sym.setVariable("handleClickEvent", handleClickEvent);


/*****************************************************
 * Controller for data and view state
 */
var timeoutDelay = 500;

function setState( id, state ){

    var symbol = sym.getSymbol(id);
    if( symbol ){
        symbol.setVariable("selected", state); 
        symbol.play(state ? "rollover" : "rollout");
    }
}

function showDetail( id ){

    // Reset last timeline selection
    setState("Trigger"+index, false);

    // Save new selection
    index = id;

    // Select next timeline trigger
    setState("Trigger"+index, true);

    // Show details
    var data = dataModel[index];
    var anim = sym.getSymbol("DetailPanelAnimation");
    var details = anim.getSymbol("DetailPanel");
    if( details )
    {
         // Transition out
         if( anim.getPosition() > 0 ){
            anim.play("hide");
         }

    // Transition in with new data...
    setTimeout(function()
    {
        details.$("Caption").html(data.title);
        details.$("Details").html(data.text);
        anim.play("show");
    }, 
    timeoutDelay);
    }
}

作为一个新手，当谈到js时，任何帮助都将不胜感激