Timelinejs什么也没显示

时间:2013-09-17 14:21:03

标签: javascript timeline

我正在使用以下代码来获取timelinejs,这是行不通的......我是新手,很困惑  有奇怪的行为!!!!我从教程中得到了这个例子,这对我不起作用..我做错了但我无法弄清楚确切的问题在哪里......

<!DOCTYPE html>
    <html>
        <head>
            <title>Timeline demo</title>
            <style>body {font: 10pt arial;}</style>
            <style>.timeline-embed{color: magenta}</style>
            <script src="jquery-1.10.2.js"></script>    

            <link rel="stylesheet" type="text/css" href="timeline.css">
        </head>

        <body>
        <div id="timeline-embed"></div>
        <script type="text/javascript">
        var data = [];

        data.push({
        'start': new Date(2000, 01, 01),
        'end': new Date(2000, 02, 03),  // end is optional
        'content': 'Ram'});

        console.log(data);

        var timeline_config = {
        width:              '100%',
        height:             '600',
        source:             data,
        embed_id:           'timeline-embed',               //OPTIONAL USE A DIFFERENT DIV ID FOR EMBED
        start_at_end:       false,                          //OPTIONAL START AT LATEST DATE
        start_at_slide:     '4',                            //OPTIONAL START AT SPECIFIC SLIDE
        start_zoom_adjust:  '3',                            //OPTIONAL TWEAK THE DEFAULT ZOOM LEVEL
        hash_bookmark:      true,                           //OPTIONAL LOCATION BAR HASHES
        debug:              true,                           //OPTIONAL DEBUG TO CONSOLE
        lang:               'en',                           //OPTIONAL LANGUAGE
        maptype:            'watercolor',                   //OPTIONAL MAP STYLE
        css:                'timeline.css',     //OPTIONAL PATH TO CSS
        js:                 'timeline-min.js'    //OPTIONAL PATH TO JS
        }
        </script>

        <script type="text/javascript" src="storyjs-embed.js"></script>

        </body>
    </html>

1 个答案:

答案 0 :(得分:0)

问题在于编译目录结构!我可以通过替换timelinejs的编译目录来解决它!