Intereting Posts
Используя пользовательский Javascript и pHp для отправки электронной почты себе, когда пользователь нажимает кнопку ввода, но работает только на Chrome, IE и Micorosft Edge Сохранить дату входа пользователя флажки с меткой «ящик» из цикла не будут сохраняться Заголовки хранятся в любом месте? Довольно URL-адреса и переписать Правильное сохранение старой структуры перезаписи Предотвращение загрузки CSS / JS, когда плагин не используется Перетаскивание меню метаданных перетаскивания Просмотр сортировки сообщения по тегам адаптивные признанные изображения wordpress 4.4 grid Почему только одно сообщение (и не разбиение на страницы) на этот вариант цикла? Проблема установки плагина: неожиданный T_STRING, ожидающий T_FUNCTION Разрешить роль вкладчика загружать изображения и не редактировать уже опубликованные статьи повторно применять настройки tinymce Отображение сообщений данной категории

Как WordPress обрабатывает взаимодействие HTML-таблиц с jQuery

У меня есть javascript, который получает ширину таблицы и уменьшает CSS-шрифт текста внутри таблицы, пока ширина таблицы не будет меньше ширины его родительского div.

Код ниже показывает принцип ТОЛЬКО.

Этот подход работает на стороне WordPress. В WordPress шрифт уменьшается до 0px, а ширина ширины таблицы уменьшается, но остается шире, чем ширина его родительского элемента.

Вне WordPress браузер настраивает ширину таблицы, чтобы она соответствовала тексту.

Итак, как WordPress обрабатывает HTML-таблицы по-разному?

function ShrinkTable() { var FontSize = parseInt($("#tbl").css('font-size').replace('px', ''),10); var TabWidth = jQuery("#tbl").width(); var DivWidth = jQuery("#narrorColumn"); if (parseInt(DivWidth.css('width').replace('px', ''),10) <= TabWidth) { jQuery("#tbl").css('font-size', FontSize - 1 + 'px'); /* you can change 4 with any number, the smaller is better but it may require more loop */ //Shrink the font while div width is less than table width ShrinkTable(); } }