“模式隐藏褪色”防止内部图表div显示

Question

需要帮助，我被困住了。我想要实现的是，在点击一个按钮，一个弹出出现，并有一个条形图显示基于数据发送。到目前为止，我所知道的是图表的绘制没有问题，但是当我把它放到弹出模式，它没有显示。

<div class="modal hide fade"  id=" PopUpModal" aria-hidden="true" style="float: initial; width :80%" role="dialog">


        <h3 data-bind="text: title"></h3>
        <hr />

        <div id="ChartModal" class="chart" style="width: 780px; height: 300px;"> </div>
    </div>

如您所见，图表模式在弹出的div中。当弹出按钮被点击时，弹出模式显示为空，除了标题和hr行。但是，您可以看到图表模式占用的空间，但它是空白的。当我在弹出窗口外取图表模式时，它显示得很好。当我删除‘class=’模式隐藏淡出'，图表显示在弹出，然而弹出不再是一个弹出，而是一个div在页面上。

有人看到我做错什么了吗？我不确定我可以使用哪些引导div "class“属性来使弹出隐藏起来，直到单击(我使用$(‘# pop’).modal(‘show’)；在js中将从隐藏变为可见)，并允许图表在其中显示。

Answer 1

可能是因为图表插件。因为图表在隐藏的对象内，插件不起作用。您必须在模态回调函数中触发图表插件。我的意思是，在模态窗口显示后，运行图表插件，而不是在页面加载。