如何设置jQuery UI Multiselect(Eric Hynds)组件的选项?
解决jQuery UI Multiselect noneSelectedText配置无效的问题
我一眼就看出问题所在啦!你把配置项嵌套在options子对象里是错误的——Eric Hynds的这个Multiselect组件不支持这种嵌套写法,所有配置项(像noneSelectedText这类)都需要直接放在初始化参数的顶层,和close回调函数平级。
正确的初始化代码
把noneSelectedText从options里提出来,直接作为顶层配置项传入:
const $venueSelect = $("#venueSelect").multiselect({ noneSelectedText: 'MY CUSTOM TEXT', // 直接放在这里,不要嵌套! close: function (event, ui) { var venueIds = $('#venueSelect').val(); if (venueIds == '') { window.location = '***'; } else { window.location = `***`; } } });
如果需要动态修改选项(初始化后)
要是你之后想在代码里修改这个文本,用组件提供的option方法即可:
// 动态更新noneSelectedText $venueSelect.multiselect('option', 'noneSelectedText', '更新后的自定义文本');
为什么原来的写法无效?因为这个组件的初始化参数结构里,根本没有options这个合法键,你嵌套进去的配置完全不会被组件解析到,自然就不生效啦~
内容的提问来源于stack exchange,提问作者jkhamler
相关产品推荐
相关产品推荐

