如何动态添加 jquery 选择的插件？

Question

我在 jquery 数据表中使用 jquery 选择的插件它在数据表的第二页中不起作用，因为在加载页面时元素被隐藏所以它如何添加动态选择插件

           $(".chosen").chosen({
                width: "300px",
                enable_search_threshold: 10
            });

<select class="chosen" data-placeholder="Assigned To" data-order="true" name="multiselect[]" id="multiselect" multiple="true">
//code here
</select>

Answer 1

您有两个选择：

先显示，初始化后又隐藏，这样当用户移动到第二页时可以显示。
在 select 标签周围构建父 div 并隐藏那个。这种选择的方式也会在第二页上初始化，您只需要显示父级 div。那么你可能会遇到宽度问题。解决方法是：https://github.com/harvesthq/chosen/issues/795#issuecomment-66351829

Answer 2

在 "fnDrawCallback" 中声明 jquery 插件方法。以便在更改页面时分配插件。

$('#regular_action_inline').DataTable({
                            "order": [],
                            "fnDrawCallback": function( oSettings ) {
                                $(".chosen").chosen({
                                    width: "300px",
                                    enable_search_threshold: 10
                                });                            }
            });

如何动态添加 jquery 选择的插件？

How to add the jquery chosen plugin dynamically?

jquery

jquery-chosen