Александр Логинов-Солоницын

задачи

codepen.io/anon/pen/qZBRYG

codepen.io/aliencash/pen/rxvebB

ps: версия2 - codepen.io/aliencash/pen/wMjWaE )

Это как раз нормальная jQuery коллекция. То есть это - массив всех элементов, найденных по данному селектору.
Как видно элемент нашелся один, находится под индексом 0. Чтобы получить его - можно воспользоваться либо функцией menu.get(0) либо через квадратные скобки: menu[0]

На клиенте - никак. Клиентом может быть что угодно. Надо на сервере блокировать неправильную последовательность форм.

А можно формы по одной подгружать.
Отобразилась первая - Ответил, Загрузил вторую. и так далее

Все довольно просто - jQuery не умеет в добавление классов к svg. Хотите добавлять класс - юзайте нативный js. jQ вообще очень много чего не умеет с svg. Да и вообще с свг много своих "фишек", которые вы освоите только с опытом. Например classlist api, которому так все радуются в ванилле, вообще не умеет работать с свг в ИЕ.
Вот простая демка - codepen.io/suez/pen/634874e5486fcea55c7e9f8053d49e54
Слева попытка добавить при клике класс на jQuery, справа на ванилле. Заодно можете и в ие посмотреть, там оба варианта не сработают :)

var scrollTimeout,
    scrollGap = 20,
    scrollSelector = '.block';

$(window).scroll(function () {
  if (scrollTimeout) {
    clearTimeout(scrollTimeout);
  }

  scrollTimeout = setTimeout(function () {
    var nearestBlock = false,
        nearestBlockOffset = false,
        range = {
          top: $(window).scrollTop() - scrollGap,
          middle: $(window).scrollTop(),
          bottom: $(window).scrollTop() + scrollGap
        };

    $(scrollSelector).each (function () {
      if ($(this).offset().top < range.bottom && $(this).offset().top > range.top) {
        if ($(this).offset().top > range.middle) {
          blockOffset = $(this).offset().top - range.middle;
        } else {
          blockOffset = range.middle - $(this).offset().top;
        }

        if (nearestBlockOffset === false || nearestBlockOffset > blockOffset) {
          nearestBlockOffset = blockOffset;
          nearestBlock = $(this);
        }
      }
    });

    if (nearestBlock != false && nearestBlockOffset > 0) {
      $("html, body").animate({scrollTop: nearestBlock.offset().top}, {duration: 100, easing: 'swing'});
    }
  }, 100);
});

Ну логика примерно такая: считаете отступ вашего блока $('#block').offset().top, и вешаете событие на скролл, в котором проверяете, на сколько была прокручена страница, и если этот показатель находится в +-20 пикселях от вашего блока, то прокручиваем к нему.

В поле зрения пользователя это значит когда пользователь доскроллил до элемента который находиться где то в контенте?

Например

var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
	var winScrollTop = $(this).scrollTop();
	if(winScrollTop > scrollToElem){
		//сработает когда пользователь доскроллит к элементу с классом .elem
	}
});

Есть такая проблема, воспроизвести можно следующем образом

<? if (....): ?>
....
<? endif: ?>

После чего вставить в середину
<? else: ?>
В результате будет ошибка.
Как вариант писать/переписать по очереди if() else endif.

<? if (....): ?>
....
<? else: ?>
....
<? endif ?>

Сильно не заморачивался, возможно есть и более "правильный путь"

<a href="tel:12345678">Позвонить</a>

setTimeout(function(){
  $('button').trigger('click');
}, 1000);

html5 History