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')
})

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

1 个答案: