jquery - 单元格内带有 jquery 多选的数据表不会出现在带有分页的第 2 页上

Question

我正在使用 Datatables 并让这个 jquery 插件显示在几列http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/它出现在页面加载的所有单元格中，但是当我点击第 2 页或第 3 页没有选择按钮。选择菜单的源代码在页面中，但未生成菜单按钮，因此我在单元格中看不到它。

这是我的数据表代码和选择菜单

var oTable4;
$(document).ready(function() {
            oTable4 = $('#keywords').dataTable( {
        "sDom":'t<"bottom"filp><"clear">',
        "bAutoWidth": false,
        "sPaginationType": "full_numbers",
            "aoColumns": [ 
            { "bSortable": false, "sWidth": "10px" },
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null
            ]

    } 
    ).makeEditable({
                        sUpdateURL: "UpdateData.php",
                        "aoColumns": [
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    {                                   
                                    tooltip: 'Click to link to',
                                    type: 'text',
                                    submit:'Ok',
                                    cancel:'Cancel',
                                    width: "100px"}                                 
                                    ]                                   
                });;
                });
$(function(){
    $("select.multiselect").multiselect({
        noneSelectedText: "- select one -",
        header: false,
        classes: "kw-wrapper fixed kwm-button",
        multiple: false,
        selectedList: 1
    });

});

Answer 1

问题是您必须将插件也应用于新创建的元素。您可以像这样使用 fnDrawCallback()：

 "fnDrawCallback": function() {
    $("select.multiselect").multiselect({
        noneSelectedText: "- select one -",
        header: false,
        classes: "kw-wrapper fixed kwm-button",
        multiple: false,
        selectedList: 1
    });
  }