作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用materializecss编写一个表单字段,其中包含带有自动完成选项的mat-chips
。这个想法是每当添加新芯片时就发出 PATCH
请求。以下是我当前使用的代码片段:
$('#tag-chips').material_chip({
autocompleteOptions: {
data: {
'golang': null,
'docker': null,
'kubernetes': null
}
},
onChipAdd: () => {
console.log('tag added');
}
});
芯片字段工作完美,但回调似乎从未启动。控制台中也没有错误消息。
根据我所做的一些搜索,我还尝试了其他方法来实现这一目标:
$('#tag-chips').on('chip.add', (event, chip) => {
console.log(event, chip);
});
但没有任何帮助。
最佳答案
ES6方式使用箭头函数,可以这样调用函数。
HTML
<div class="container">
<div class="chips chips-autocomplete"></div>
</div>
jQuery
$(document).ready(function () {
$('.chips-autocomplete').chips({
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Google': null
},
limit: Infinity,
minLength: 1
},
onChipAdd: () => {
console.log("Chip Added");
},
onChipSelect: () => {
console.log("Chip Selected");
},
onChipDelete: () => {
console.log("Chip Deleted");
}
});
});
关于jquery - MaterializeCSS 芯片 onChipAdd 回调不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53019170/
不知道为什么,按照官方文档,添加和删除芯片时,onChipAdd和onChipDelete函数没有被调用。 document.addEventListener('DOMContentLoaded',
我正在使用materializecss编写一个表单字段,其中包含带有自动完成选项的mat-chips。这个想法是每当添加新芯片时就发出 PATCH 请求。以下是我当前使用的代码片段: $('#tag-
我正在使用materializecss编写一个表单字段,其中包含带有自动完成选项的mat-chips。这个想法是每当添加新芯片时就发出 PATCH 请求。以下是我当前使用的代码片段: $('#tag-
我是一名优秀的程序员,十分优秀!