Jquery jqxInput:应用CSS后无法滚动
使用jqxInput,我们决定扩展选择列表,默认情况下不限制为8Jquery jqxInput:应用CSS后无法滚动,jquery,jqwidget,Jquery,Jqwidget,使用jqxInput,我们决定扩展选择列表,默认情况下不限制为8 $("#input").jqxInput({ items:100 }); 但是我们得到了一个很长的输入列表,但是没有滚动,请参阅 调整jqx菜单垂直能量蓝{height:150px!重要;overflow-y:scroll;]但不幸的是,滚动不可点击。在与jqxInput乱搞之后,我得出结论,如果你给垂直菜单指定自己的高度,这些项目将不会显示。如果可能,请尽量避免使用!重要的是,你可以说,练习很重要.来自jqWidget
$("#input").jqxInput({
items:100
});
但是我们得到了一个很长的输入列表,但是没有滚动,请参阅
调整jqx菜单垂直能量蓝{height:150px!重要;overflow-y:scroll;]但不幸的是,滚动不可点击。在与jqxInput乱搞之后,我得出结论,如果你给垂直菜单指定自己的高度,这些项目将不会显示。如果可能,请尽量避免使用!重要的是,你可以说,练习很重要.来自jqWidget的官方回答,不,这是不受支持的。
您觉得这个解决方案怎么样?在v9.0.0 2020年1月进行了测试
/**
* Extend the jqxInput component.
*
* Extend the jqxInput component to override the click to fix a bug when user click on scrollbar.
*/
(function(a) {
var originalClick = a.jqx._jqxInput.prototype.click;
a.extend(a.jqx._jqxInput.prototype, {
click: function(b) {
var hasClass = $(b.target).hasClass("jqx-popup");
if (!hasClass) {
return originalClick.call(this, b);
}
}
});
})(jqxBaseFramework);
jqxInput屏幕渲染将替换高度,这就是为什么我包括!重要。