Javascript 如果不满足某些条件,防止下拉菜单打开
当用户在文本框中输入查询时,我使用selectize.js提供一些建议。但是,如果不满足某些条件,我希望阻止打开下拉列表。我知道回调,但似乎事件无法从那里停止。以下解决方法也不起作用Javascript 如果不满足某些条件,防止下拉菜单打开,javascript,jquery,selectize.js,Javascript,Jquery,Selectize.js,当用户在文本框中输入查询时,我使用selectize.js提供一些建议。但是,如果不满足某些条件,我希望阻止打开下拉列表。我知道回调,但似乎事件无法从那里停止。以下解决方法也不起作用 onDropdownOpen: function($dropdown) { // [Test some variables here] $dropdown.collapse(); } 有什么办法可以做到这一点吗?这就是我尝试过的似乎有效的方法 您是否尝试过if(condition)return
onDropdownOpen: function($dropdown) {
// [Test some variables here]
$dropdown.collapse();
}
有什么办法可以做到这一点吗?这就是我尝试过的似乎有效的方法
您是否尝试过
if(condition)return false
?问selectize.js作者一个很好的问题。@connexo是的,什么都没有发生。即使你把它放在元素的onclick
处理程序上?@connexo当用户键入时,下拉菜单会显示建议,onclick
是如何相关的?效果很好!
$(document).ready(function(){
$('#input-tags').selectize({
delimiter: ',',
persist: false,
create: function(input) {
return {
value: input,
text: input
}
},
onDropdownOpen: function(){
// you can add your logic here to conditionally close the drop down
this.close();
// I had to set it to false because when it is true, this will run into infinite loop since while the input is in focus, it will trigger to open the drop down.
this.settings.openOnFocus = false;
}
});
});