在向地图添加要素后更新矢量样式

Question

我添加了一个带有样式的vector（填充颜色为蓝色），我希望允许用户使用颜色选择器和jQuery更改矢量的颜色。我在Google上搜索了如何更改fillcolor，但我迷失了DrawFeature。

vector[i] = new ol.layer.Vector({
  title: 'added Layer',
  source: new ol.source.Vector({
    url: href,
    format: new ol.format.GeoJSON(),

  }),
  style: new ol.style.Style({
    fill: new ol.style.Fill({
      color: 'blue'
    }),
    stroke: new ol.style.Stroke({
      color: 'blue'
    }),
    text: new ol.style.Text({
      textAlign: 'left',
      offsetX: 0,
      offsetY: 0,
      text: title,
      fill: new ol.style.Fill({
        color: '#000'
      }),
      font: '11px arial,sans-serif'
    })
  })
});
map.addLayer(vector[i]);

在map.addLayer之后我怎样才能改变风格？我尝试了这个，但它不起作用：

var feature = new ol.Feature({
  style: new ol.style.Style({
    fill: new ol.style.Fill({
      color: 'red'
    }),
    stroke: new ol.style.Stroke({
      color: 'red'
    }),
    text: new ol.style.Text({
      textAlign: 'left',
      offsetX: 0,
      offsetY: 0,
      text: "",
      fill: new ol.style.Fill({
        color: '#000'
      }),
      font: '11px arial,sans-serif'
    })
  })
});

vector[i].drawFeature = feature;