stickyHeaders_attachTo在Magnific Popup中不起作用

Question

我需要修复tablesorter表的标题，它在大胆的弹出窗口中显示

我尝试使用以下代码，但它不适用于我

enter code here

      $("#itemlist").tablesorter({
         widthFixed : true,


       widgets: [ 'zebra', 'cssStickyHeaders', 'filter' ],

       widgetOptions: {
     stickyHeaders_attachTo: $('.wrapper'), or //both are not working

    cssStickyHeaders_attachTo      : '.wrapper',//
   cssStickyHeaders_addCaption    : true
}

      });

Answer 1

在这种情况下，它看起来像是一个巨大的弹出式广告自己的包装器（.mfp-wrap）。因此，如果您将其作为目标而不是包裹表格的元素，则它可以正常工作（demo）：

$(function () {

    $('.open-popup-link').magnificPopup({
        type: 'inline',
        midClick: true,
        callbacks: {
            open: function () {
                // Will fire when this exact popup is opened
                // this - is Magnific Popup object
                $('table').tablesorter({
                    theme: 'blue',
                    widgets: ['zebra', 'filter', 'cssStickyHeaders'],
                    widgetOptions: {
                        // jQuery selector or object to attach sticky header to
                        cssStickyHeaders_attachTo: '.mfp-wrap',
                        cssStickyHeaders_addCaption: true
                    }
                });
            }
        }
    });

});