Genri_Rus

<?php $idx = 0; ?>
<?php $num_per_group = 3; ?>

<?php $manual_catalog_count = $manual_catalog->post_count; ?>

<div class="row-fluid">

    <?php while( $manual_catalog->have_posts() ) : $manual_catalog->the_post(); ?>
        <div class="span4 document-info">
            <div class="-col-2 inline-block"><i class="file-big-icon-default file-big-icon-pdf"></i></div>
            <div class="-col-9 inline-block"><a href="" target="_blank"></a>
                <div class="infoDigits"><b></b>, </div>
            </div>
        </div>

        <?php echo (++$idx) % $num_per_group == 0 ? '</div> <div class="row-fluid">' : '' ?>
    <?php endwhile; ?>

</div>

Как вариант обработать каждую галерею отдельно
https://codepen.io/recoshet/pen/rNxJmxe

Вы не правильно используете jQuery плагин magnificPopup. Вот так правильно исходя из документации
https://codepen.io/recoshet/pen/dyGdvBR

А ошибка в том что вы вызывали не открытие галереи, а только вешали нативное событие плагина. Поэтому галерея открывалась только со второго клика.

const num = 38;
$('.page-id-' + num)

учим селекторы

• Делайте выборку в SQL только тех комментариев, у которых есть подтверждение модератором. Если в $comments ничего нет, то выводим «Отзывов нет»
  
  
• На PHP, без SQL это можно сделать с помощью функции array_filter:
  

  <?php $comments = array_filter($comments, function ($comment) {
      return (bool)$comment['comment_approved'] === true;
  }});?>
  
  <?php if ($comments): ?>
      <?php foreach ( $comments as $comment ): ?>
          <?= $comment['...']; ?>
      <?php endforeach; ?>
  <?php else : ?>
      Отзывов нету
  <?php endif; ?>

  
  

Так делают, потому что они решили сериализовать форму разом, а не держать в памяти объект с данными изображения, который, в случае удаления пользователе картинки, нужно обрабатывать, удаляя из него данные. Довольно надежное решение.

Почему урл картинки, а не что-то еще? Потому что картинка уходит запросом ранее, так как вместе с телом данных их не отправляют и данные формы надо как-то связать с изображением, а как это лучше сделать чем урлом?

По отправке есть два варианта: загрузка изображений на сервер сразу и загрузка при отправке формы, с последующей доукомплектовкой тела запроса урлами изображений и другой информацией о них.

Почему они сделали загрузку сразу? Это проще всего. В ином случае их ждала бы сначала загрузка изображений, потом формирование объекта с данными формы и ссылками на изображения и только затем сериализация этих данных, под искомый формат. Хотя именно так и правильно, как мне кажется.

Никак. К моменту саксэсса, функция будет полностью выполнена. В саксэссе нужно просто выполнить действия обратные действиям в функции formBlur.

Примитивный пример реализации валидации:

$(document).on('submit', 'form', function(e) {
  e.preventDefault();
  
  if ( !formValidate(this) ) return;
	console.log('send.')
  
  $.ajax({
    type: "POST",
    url: 'url',
    data: '',
    success: function(data) {
      console.log(data);
    },
	error: function(e) {
      console.warn(e);
	}
  });
});

function formValidate(form) {
  for (var i = 0; i < form.children.length; i++) {
    if (form.children[i].type !== 'submit' && form.children[i].value.length === 0) {
      // form.children[i].value.length === 0
      // это условие можно модифицировать
      console.log('bad value in', form.children[i]);
      form.children[i].focus();
      return false;
    }
  }
  return true;
}

$('a').text();

document.querySelector('div').childNodes[0].textContent

$('.input-text').on('input', function() {
  var classList = $(this).attr('class').split(/\s+/);
  for (var item of classList) {
    if (item === 'input-email') {
          console.log('ok');
    }
  }
});

Пример через onclick

window.addEventListener('scroll', event => {
  if (scrollY + innerHeight === document.body.scrollHeight) {
    // Code here
  }
});

Структура перегружена лишними обёртками и неправильной семантикой. Это не модал, а скорее просто menu-mobile__container. Block можно вообще выкинуть, он смысловой нагрузки и пользы вообще не несёт, достаточно просто оставить ul, и вместо list вписать более логичное с точки зрения семантики links. Давайте классы описывающие, что же тут ожидается, если это не переиспользуемые блоки конечно.

$("input").keydown(function(event){
   if (event.keyCode === 13) {
      return false;
  }
}

Никак, для каждого шрифта разная. Единственное это сделать N блоков div, задать им размер шрифта от 1 до N и посмотреть высоту каждого, она будет равняться высоте строки. Запиши это где-то и используй в миксине scss. Либо ручками вбивай где надо в css.

$('.block-two').eq(index).append(blockImage + blockTitle);

меняете на

$('.block-two').eq(index).append(blockImage, blockTitle);

Если не multibyte:

$str=trim($str,"\t\n\r\0\x0B\s");
$str=$str[1];

Если мультибайт:

$re = '/\S{1}/su';
$str = '    But I must explain to you how all this mistaken';

preg_match($re, $str, $matches, PREG_OFFSET_CAPTURE, 0);

// Print the entire match result
var_dump($matches);

https://ideone.com/RHnEys