我在使用以下代码的ember-cli应用程序中具有以下文件bubbles.hbs,并且遇到以下错误,Unclosed element d.y (on line 56).我尝试使用Google搜索该问题,但找不到解决方案。

更新

这是我在下面的代码中制成https://jsfiddle.net/395jthv9/1/的小提琴,似乎正在工作。

<script type="text/javascript">
// #5b342f
var beerBackground = d3.select("body").transition()
   .duration(2000)
   // carter wilson color = FFE152
   .style("background-color","#f5d037");
</script>
<script type="text/javascript">

w = window.innerWidth,
h = window.innerHeight;

    var svg = d3.select("body").append("svg:svg")
        .attr("width", w)
        .attr("height", h);

    var circle = svg.selectAll("circle")
        .data(d3.range(70).map(function(datum,interval) {
          return {
            x: interval*20,
            y: 0,
            // stroke-width="1",
            dx: 5,
            dy: -3 * (Math.random()+1),
            mu: Math.random()*2
          };
        }))
      .enter().append("svg:circle")
        .attr("r", 2.5)
        .attr("fill","#FFEFA0") // fill
        .attr("stroke","white") // stroke
       .attr("stroke-width", "1")
        // .attr("opacity",".0.2")
        .style("stroke-opacity", "1.0")
        .style("fill-opacity", ".5");

    var text = svg.append("svg:text")
        .attr("x", 20)
        .attr("y", 20);

    var start = Date.now(),
        frames = 0;

    d3.timer(function()
    {

  // Update the circle positions.
  circle
      .attr("cx", function(d) {
        d.x += Math.random()*3*Math.sin(Math.random()*3*d.x + Math.random()*10); if (d.x > w) d.x -= w; else if (d.x < 0) d.x += w; return d.x; })
      .attr("cy", function(d) {
        d.y += d.dy ;
        if (d.y > h) {
          d.y -= h;
        }
        // And the below line is giving me an error.
        else if (d.y < 0) {
         d.y += h;
        }
          return d.y;
      })
      .attr("r",function(d) {
        return (d.y < 100) ? d3.select(this).attr("r") : d.mu*500/d.y;
      }); --}}

});
</script>

最佳答案

您不应该使用.hbs标记将JavaScript代码放入<script>文件。将此代码移至JavaScript文件。

因此,将该代码从bubbles.hbs移到bubbles.js。例如,您可以在didInsertElement钩子(如果是组件)中或在init事件之后执行该逻辑。

08-19 08:26