Jupyter Notebook中ipywidgets可用，导出HTML后交互失效求助

ipywidgets的Python回调函数依赖Jupyter内核运行，导出为静态HTML后没有Python执行环境，所以点击按钮时无法触发原本的Python函数buttonClick，自然不会输出内容。

把按钮的点击交互逻辑用JavaScript编写，让静态HTML能独立运行。修改后的代码如下：

import ipywidgets as widgets
from ipywidgets.embed import embed_minimal_html

# 创建输出组件
output = widgets.Output(layout={'border': '1px solid black'})

# 创建按钮
submitButton = widgets.Button(
    description='Click me',
    disabled=False,
    button_style='',
    tooltip='Click me',
    icon='check'
)

# 给按钮添加前端点击事件的JavaScript代码
js_code = """
document.querySelector('.widget-button').addEventListener('click', function() {
    // 获取output组件的DOM元素
    const outputEl = document.querySelector('.widget-output');
    // 创建新的内容元素
    const p = document.createElement('p');
    p.textContent = "Button clicked.";
    // 添加到output中
    outputEl.appendChild(p);
});
"""

# 将JavaScript代码嵌入Notebook
display(widgets.HTML(f'<script>{js_code}</script>'))

# 显示按钮和输出组件
display(submitButton, output)

# 导出为HTML
embed_minimal_html('export1.html', views=[submitButton, output], title='Widgets export')

• 移除了Python端的on_click和observe绑定，这些逻辑依赖Python内核，静态HTML无法支持
• 用原生JavaScript直接操作DOM，实现点击按钮后往输出组件添加内容的逻辑
• 导出的HTML包含完整交互逻辑，无需依赖外部Python环境

内容的提问来源于stack exchange，提问作者cameronmg-j