Kselax.ru

Hacker Kselax — the best hacker in the world

Menu
  • Блог
  • Контакты
  • wp plugin генератор
  • Русский
    • Русский
    • English
Menu

Перевод wordpress из LTR в RTL фиксим сьехавшие блоки

Posted on 22 июля, 201722 июля, 2017 by admin

Перевод wordpress из LTR в RTL бывает баки. у меня был баг некоторые блоки были сьехвавшими. Появляется между ними пустое пространстрво.

Скрин.

Перевод wordpress из LTR в RTL

Такое нужно фиксить.

Фиксим сьехавший блок из ltr в rtl

Исследовав css там видно что это происходит из за свойства left в моем случае. Возможно у кого то будет другая причина.  У меня генерируется свойство left с минусовым значением. Если мы меняем left на right с этим же минусовым значением то все нормально или если мы делаем left с плюсом тоже нормлаьно. Для этого мы используем jQuery . Просто прописать свойства не катит, потому что это генерируется автоматом. Мы например размер экрана меняем и меняется эти свойства.

Код который фиксит баг ltr to rtl

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
  setTimeout(function(){
    $('.vc_row[data-vc-full-width]').each(function(index, el) {
      $(this).css('right', $(this).css('left') );
    });
    console.log('here');
  },0);
  
  
 
  $( window ).resize(function() {
    setTimeout(function(){
      $('.vc_row[data-vc-full-width]').each(function(index, el) {
        $(this).css('right', $(this).css('left') );
      });
    },0);
  });

Описание кода который фиксит переход wordpress из LTR в RTL  баг

Просто берем значение left и заменяем добавляем значение к блоку right с тем минусовым значением.

Тут мы используем setTimeOut потому что если без него у нас получается наша функция сразабывает раньше чем функция которая негерирует эти размеры. То есть наша функция сработала первой и потом следом функция которая в коде темы создает эти реальные минусовые размеры и у нас получается наша функция добавляет right с некоректным значением. Поэтому setTimeOut 0 даже при такой задержке наша функция работает последней.

Вывод

Ну короче просто нужно исследовать код и смотреть что в вашем варианте не так. Я читал что то баг визуал компоусера да и вообще в интернете такого не очень много  описано на эту тему.

Короче используем javascritp для фикса таких багов

 

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Рубрики

  • C++ (293)
  • JavaScript (1)
  • linux (1)
  • MFC (39)
  • node.js (2)
  • React (3)
  • uncategorized (3)
  • vBulletin (5)
  • Visual Studio (9)
  • wordpress (18)
  • Разное (37)

Метки

Ajax bootstrap CentOS CLI expressjs FormData GDlib google Invisible reCAPTCHA JWT media MFC php react-router-dom redux repository wordpress RTTI STL vBulletin vector Visual Studio WINAPI wordpress wp-plugins XMLHttpRequest Двоичное дерево Задачи С++ Игры С++ Исключения С++ О-большое Операторы_С++ Перегрузка операторов С++ Поиск С++ Потоки Проектирование_С++ С++ Типы_С++ Типы С++ Шаблоны С++ библиотеки локализация макросы С++ сортировка С++

Свежие комментарии

  • RA3PKJ к записи visual C++, создание диалоговых окон.
  • JasonReant к записи Создание и использование статических библиотек .lib в visual studio.
  • MyWin2020 к записи Программка для заполнения форума на vBulletin 3.8.7
  • ScottJip к записи Создание и использование статических библиотек .lib в visual studio.
  • ArnoldKig к записи Создание и использование статических библиотек .lib в visual studio.
©2021 Kselax.ru Theme by ThemeGiant