根据后端字段变量，动态驻点

根据后端动态字段，如何把驻点输出在页面上？

1、可以提前写好css，设置li的宽度，在页面里面通过模板引擎语法动态加载不同的className。

2、可以根据驻点个数和位置，用jquery去动态计算动态赋值。

var paths = $(‘.detail-path‘);
$.each(paths, function(){
    var points = $(this).children(),
        pointsLen = points.length;
    $.each(points, function(){
        var $this = $(this),
            middleNum = 100 / (pointsLen + 1),
            halfSelfWidth = $this.width() / 2,
            leftPercent = $this.attr(‘data-left‘) * middleNum;
        $this.css({‘left‘: leftPercent + ‘%‘, ‘margin-left‘: -halfSelfWidth + ‘px‘}).show();
    });
});