extjs 面板 html 添加 javascript 功能不起作用

Question

在我的 extjs 应用程序中，我创建了一个面板，我还将 jquery 添加到一个页面，但是当我单击此页面中的测试部分时，此页面不呈现测试警报，似乎 extjs 面板禁止 jquery 功能。是否有任何解决方案可以将 html 和 js 同时加载到面板内容。

下面的相关代码：

var feedback=Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    layout: 'fit',
    autoScroll: true,
    bodyStyle:{"background-color":"#fed"},
    html: '<div id="test">test</div>',
});

....

$("#test").click(function(){
    alert('test')
})

Answer 1

根据经验，混合使用 jquery 选择器和 Extjs 元素可能很难一起管理。我建议使用 Ext js 选择器来做你想要在 jquery 中实现的目标，因为它非常基础。但是，如果您仍然想使用 jquery，使用 on() 函数可能会有所帮助，当您的 jquery 代码到达时，对象可能尚未呈现。

$("#test").on('click', function(){
    alert('test')
})