проблема, связанная с intro.js сосредоточиться на формате HTML таблицы

Question

Давайте думать о изображении выше, как типичный HTML таблицы. Intro.js помогает сфокусироваться в соответствии с шагами данных.

мой стол создан в соответствии с циклом foreach.

мне было интересно, если его можно сосредоточиться на колонке таблицы аналогично изображению вместо того, чтобы сосредоточиться на <td> или <tr>

любая помощь будет замечательно.

Answer 1

Запросить дополнительную информацию можно получить по адресу: https://github.com/usablica/intro.js/issues/57 Поэтому я бы сказал, что можно с уверенностью сказать, что вы не можете этого сделать.

Что вы можете сделать, это создать фиктивный прозрачный div с position: absolute и настроить местоположение и размер на javascript, а затем hightlight this.

Проверьте это здесь: https://jsfiddle.net/s848n5hs/2/

$('tr:first-child td').each(function(i) { 
    $('.col' + (i + 1) + '_intro') 
     .addClass('intro_div') 
     .css('top', $(this).offset().top) 
     .css('left', $(this).offset().left) 
     .css('width', $(this).outerWidth()) 
     .css('height', $(this).closest('table').height()) 
}) 

introJs().start();