我在Google云端硬盘中添加的HTML元素无法使用

时间:2018-06-06 13:31:44

标签: javascript html d3.js google-chrome-extension html-select

我创建了一个Chrome扩展程序,当我在Google云端硬盘中输入指定的文件夹时会激活该扩展程序。此扩展添加了在该文件夹中使用D3.js制作的图表,如下图所示:

enter image description here

enter image description here

除了图表之外,它还添加了一个下拉列表,但问题是当我点击它时它不起作用(它没有显示选项)。它唯一能做的就是创建矩形来选择元素,如下图所示: enter image description here

我尝试在Google云端硬盘中添加其他HTML元素,例如按钮,但它们也无法正常工作。似乎Google云端硬盘停用了我添加的html元素的onclick事件。

下拉列表的代码:

d3.select("#divSelect")
    .append("select")
    .attr("class","desplegable")
    .attr("id","desplegable")
    .on('change',function (d,i) {
        var grupoSeleccionado = d3.select("#desplegable").node().value; //Examen seleccionado
        if (grupoSeleccionado=="Total"){ //Vision general de los examenes
            dibujarSpiderChart(data);

        } else { //Vision de un examen en concreto
            var notasAlumnoExamen=_.filter(data[0],{'group':grupoSeleccionado});
            var notasMediasExamen=_.filter(data[1],{'group':grupoSeleccionado});
            var dataGrupo=[];
            dataGrupo.push(notasAlumnoExamen);
            dataGrupo.push(notasMediasExamen);
            dibujarSpiderChart(dataGrupo);
        }
        ;})
    .selectAll("option")
    .data(gruposLista)
    .enter()
    .append("option")
    .attr("value", function (d) { return d.id; })
    .text(function (d) { return d.nombre; }); 

0 个答案:

没有答案