我想在带有图像的容器上添加导航按钮,这样用户就可以导航到上一个或下一个图像。
{
xtype: 'container',
height: 400,
width: 600,
html: '<div id="ux-image-viewer-image">' +
'<img src="https://elcl6.coe.int/slider/photo2.jpg">' +
'<div id="ux-image-viewer-hoverNav" style="visibility: visible;">
<div id="ux-image-viewer-navPrev" style="visibility: visible;"><span><</span></div>
<div id="ux-image-viewer-navNext" style="visibility: visible;"><span>></span></div>' +
'</div>' +
'</div>',
}
如何检测到特定div被点击?
通过与经典工具包的类比,我尝试添加tap侦听器,如:
listeners: {
el: {
delegate: 'div.ux-image-viewer-hoverNav',
tap: function() {
console.log('Clicked!');
}
}
}
但是,那不起作用。
1条答案
按热度按时间mspsb9vt1#
您可以使用下列程式码: