评论：鱼骨图形式展示信息  [查看原文]

isl83
2020/10/13 18:40:56

这个是刚学前端时候写的，写的不好。如果一定要用的话可以这样：


// 修改数据格式如下：
data = [
   {
       'link': { // 新增的属性
           name: '这是一个链接',
           url: 'www.baidu.com'
       },
       '审理时间':'2014-12-20 至 2014-12-20',
       '承办庭室':'XXXX',
       '承办法官':'XXX',
       '承办法院':'XXXXXXX法院',
       '案件状态':'XX','案号':'(XXXX)XXXXXX第XXXX号'},
];


//封装某个链接 添加代码到fishBone.js第149行
$.each(this, function(key, value) {
   if (key == 'link') {
       var name = value.name;
       var url = value.url;
       var li = $("<li><a class='fishbone_block_item' href=" + url + ">" + name + "</a></li>").css("border-left","1px solid "+color);
       li.appendTo(ul);
   }
});

木直?0
2023/12/5 16:47:08
url地址

请问如何新增颜色

isl81
2017/9/1 10:09:31

fishBone.js 第一行配置

怎么解决数据多了，展示重叠在一起的问题

isl81
2017/4/14 15:43:23

太长的数据不适合一行显示，可以加省略号，如果想修改每个块的宽度，是在js里有动态设置宽度

为什么使用高版本的JQ会报错item.size is not a function(…)

isl81
2017/4/14 16:01:07
用ul+li，配合轮播就可以了 

isl80
2017/4/14 16:07:04

设计驱动开发~

isl80
2016/5/16 17:05:10
哇 首先感谢您的下载和建议，问题已修改，可以到下面这个地址下载，下载fishBone目录为源码。https://github.com/liangyj021/jquery-demo火狐里面只支持background-position，修改了js代码；还有高度不一致问题，是由于左中右的line-height和font-size不统一导致，CSS样式已整理。可以正常显示