使用JQUERY滑块和鼠标滚轮FORCE LAYOUT d3.js更新缩放级别值

Question

这里我使用强制布局，我有两个功能。一个是silder，另一个是鼠标滚轮，都有zoomin和zoomout功能。 因此，当我使用滑块进行缩放时，鼠标滚轮的值会再次变为之前的值。这是link

var slideFn = function(value) {
//zoom.scale(value).event(svg);
var svg = d3.select('body').select("svg");
var container = svg.select("g");
var h = svg.attr("height"),
    w = svg.attr("width");}

container.attr("transform",
    "translate(" + width / 2 + ", " + height / 2 + ") " +
    "scale(" + value + ") " +
    "translate(" + (-width / 2) + ", " + (-height / 2) + ")");}
function zoomed() {
container.attr("transform", "translate(" + d3.event.translate + ")scale(" + d3.event.scale + ")");
slideFn(d3.event.scale);