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-tag周围构建一个父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选择的插件？

2 个答案: