Question

我需要在同一高度设置所有盒子。我已经做到了，但我对highcharts有问题。它是在我的功能之后加载的，当它加载到框中时，我只有半个图表。

如何在加载highcharts后调用函数？

import Ember from 'ember';

export default Ember.Component.extend({
    /**
     * Equal heights of each box wrapper
     */
    sameHeight: Ember.run.schedule('afterRender', function () {

        let boxes = document.getElementsByClassName("box");
        var tallest = 0;

        // Loop over matching and finding tallest
        for (let i = 0; i < boxes.length; i++) {
            let elementHeight = boxes[i].offsetHeight; //Get the height and width of a element, including padding and border
            if (elementHeight > tallest) {
                tallest = elementHeight;
            }
        }
        //add same height to all
        var findClass = document.getElementsByClassName('box');
        for (let i = 0; i < findClass.length; i++) {
            findClass[i].style.height = tallest + "px";
        }
    })

});

这是Ember组件中的一个功能。

Answer 1

import Ember from 'ember';

export default Ember.Component.extend({

    sameHeight: Ember.run.next('afterRender', function () {

        let boxes = document.getElementsByClassName("box");
        var tallest = 0;

        // Loop over matching and finding tallest
        for (let i = 0; i < boxes.length; i++) {
            let elementHeight = boxes[i].offsetHeight; //Get the height and width of a element, including padding and border
            if (elementHeight > tallest) {
                tallest = elementHeight;
            }
        }
        //add same height to all
        var findClass = document.getElementsByClassName('box');
        for (let i = 0; i < findClass.length; i++) {
            findClass[i].style.height = tallest + "px";
        }
    })

});

加载高亮图后的调用函数Ember.js

1 个答案: