red931744496 2016-05-11 08:51 采纳率: 0%
浏览 2774

timeline.js生成时间轴问题

 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Timeline</title>

    <!-- The default timeline stylesheet -->
    <link rel="stylesheet" href="assets/css/timeline.css"/>
    <!-- Our customizations to the theme -->
    <link rel="stylesheet" href="assets/css/styles.css"/>


</head>

<body>

<header>
    <h1 id="nodeName"></h1>
</header>

<div id="timeline">
    <!-- Timeline.js will genereate the markup here -->
</div>

<!-- JavaScript includes - jQuery, turn.js and our own script.js -->
<script src="assets/js/jquery-1.7.1.js"></script>
<script src="assets/js/timeline.js"></script>
<script>
    var obj = {
        "timeline": {
            "headline": "Events timeline",
            "type": "default",
            "startDate": "2015,4",
            "text": "<i><span class='c1'>事件</span> & <span class='c2'>时间轴</span></i>",
            "date": [
                {
                    "startDate": "2016,4,15",
                    "headline": "违法违规|债务违约",
                    "text": "<a href='http://business.sohu.com/20160415/n444244012.shtml' target='_blank'>交易商协会调查绿地控股信披违规 或与云峰违约有关</a>",
                    "asset": {
                        "media": "",
                        "credit":"<a href='http://business.sohu.com/20160415/n444244012.shtml' target='_blank'>违规|违约</a>",
                        "caption": ""
                    }
                },
                {
                    "startDate": "2016,4,9",
                    "headline": "违约",
                    "text": "<a href='http://finance.qq.com/a/20160409/017663.htm' target='_blank'>云峰债违约内幕：信披夸大净资产超十倍</a>",
                    "asset": {
                        "media": "assets/img/shots/sidebar_s3.jpg",
                        "credit": "",
                        "caption": ""
                    }
                }
            ]
        }
    };
    //****************
    (function () {
        var timeline = new VMM.Timeline();
        timeline.init(obj);
    })();
</script>

</body>
</html>
报错，请问如何解决？
  • 写回答

1条回答

  • Go 旅城通票 2016-05-11 09:13
    关注

    刚才测试了timeline.js好像是不支持数据源直接为json对象，将数据存为json文件（不包含var obj = 这个内容，注意utf-8存储编码），然后

    timeline.init(obj);
    改为
    timeline.init("json文件路径");

    就没有问题了

    评论

报告相同问题？

悬赏问题

  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字？
  • ¥100 求三轴之间相互配合画圆以及直线的算法
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题
  • ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发