extjs面板html添加javascript函数don'；行不通

在我的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')
})

var feedback=Ext.create（'Ext.panel.panel'{
标题：“你好”，
布局：“适合”，
autoScroll：是的，
车身样式：{“背景色”：“#fed”}，
html:'测试'，
});
....
$（“#测试”）。单击（函数（）{
警报（“测试”）
})

根据经验，将jquery选择器和Extjs元素混合在一起管理可能会很痛苦。我建议使用ExtJS选择器来完成您在jquery中试图实现的任务，因为它非常基本。但是，如果您仍然想使用jquery，使用on（）函数可能会有所帮助，当到达jquery代码时，对象可能还没有呈现

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

---

您丢失的renderTo:Ext.getBody（）虽然这可能是一个正确的答案（我不知道！），但推荐

live

并不是一个好主意，因为它在两年前就被弃用了。@nboisvert，非常感谢。正如你所说。问题是加载jquery代码时对象没有呈现。