首页 > 解决方案 > 在选择 remove_button 插件上显示确认模式

问题描述

我正在使用带有 remove_button 插件的 selectize.js 库。

当用户单击 x 删除某个标签时,我希望显示一个确认模式并询问“您确定要作为标签删除吗?”。单击yes 后,selectize 中的条目将被删除。如果用户不单击是,则该条目应保留。

我阅读了关于 selectize 的插件文档,尤其是“Dom Events”部分。

它显示了这段代码:

Selectize.define('remove_button', function(options) {
        var self = this;

        // override the setup method to add an extra `click`  handler
        this.setup = (function() {
            var original = self.setup;
            return function() {
                original.apply(this, arguments);
                this.$control.on('click', 'div', function(e) {
                    console.log("clicked");
                });
            };
        })();

    });

但是,当我在我的选择中输入值时,“x”按钮的布局消失(但是它仍然存在并且可以点击,但它只是隐藏了)。单击按钮会显示我的 console.log 输出,但根本不会删除该值。我期待 original.apply(this, arguments); 确保它仍然被删除,但它不起作用?

标签: javascriptselectize.js

解决方案


推荐阅读