SVG 内容从 IFrame 文档内容中消失

Question

我正在尝试复制模式内特定 IFrame 元素中的内容以避免不必要的数据库调用。我正在通过 Python 调用客户端回调（请参阅此处），它返回我想在模式中复制的特定 IFrame 元素的索引。这是 Python 代码片段，它切换我的模式并跟踪最近单击的要复制的图形的索引：@app.callback(    [Output('my-modal', 'is_open'),    Output('modal-clone', 'children')],    [Input(f'button{k}', 'n_clicks_timestamp') for k in range(20)] +     [State('my-modal', 'is_open')])def toggle_modal(*data):    clicks, is_open = data[:20], data[20]    modal_display = not is_open if any(clicks) else is_open    clicked = clicks.index(max(clicks))    return [modal_display, clicked]app.clientside_callback(    ClientsideFunction(namespace='clientside', function_name='clone_figure'),    Output('modal-test', 'children'),    [Input('modal-clone', 'children'), Input('modal-figure', 'id')])以及以下 Javascript：window.dash_clientside = Object.assign({}, window.dash_clientside, {    clientside: {        clone_figure: function(clone_from, clone_to) {            source = document.getElementById(clone_from);            console.log(document.getElementById(clone_to))            console.log(document.getElementById(clone_to).contentDocument);            clone = document.getElementById(clone_to);            // set attributes of clone here using attributes from source            return null        }    }});现在，从我的console.log()陈述中，我注意到以下内容（请注意，modal-clone在屏幕截图中对应modal-figure于我的示例）：contentDocument这两个日志语句之间的变化如何？任何见解将不胜感激，我很难过。

Answer 1

看来您需要addEventListener()IFrame 元素：

clone_spray: function(clone_from, clone_to) {

    source = document.getElementById(clone_from);

    clone = document.getElementById(clone_to);

    if (!clone) {return null;}

    clone.addEventListener("load", function() {

        // set attributes of clone here using attributes from source