Question

在我的代码中，页面加载后我使用jQuery将css类添加到某些元素中，如下所示：

//add form-control to all text inputs
$( "input[type='text']" ).addClass( "form-control" );

//add btn btn-primary to all buttons in question class
$( ".question input[type=button]" ).addClass( "btn btn-primary" );

有没有办法在gulp中这样做，所以每次页面加载时我都不需要这样做？

谢谢！

Answer 1

我会在HTML中编写这些样式，因为我发现以后更容易阅读或调试，但你也可以使用SASS来扩展这些引导类：

var land;
d3.json("world-110m.json", function(error, world) {
  if (error) throw error;

  land = g.insert("path", ".graticule")
    .datum(topojson.feature(world, world.objects.land))
    .attr("class", "land")
    .attr("d", path);

  ....

function getLandWidth() {
  return land ? land.node().getBBox().width : 0;
}

...

function zoomed() {

  projection
    .translate(zoom.translate())
    .scale(zoom.scale());

  svg.selectAll("path")
    .attr("d", path);

  g.selectAll(".bars")
    .attr("height", function(d) {
      return projection([0, d.latitude - 0.5])[1] - projection([0, d.latitude])[1];
    })
    .attr("transform", function(d) {
      return "translate(" + projection([-180, d.latitude]) + ")"
    })
    .attr("width", getLandWidth());

}

使用gulp将类添加到html元素

1 个答案: