Александр Цымбал

В одну строку тут не справиться.
Первое. Нажатие на любую кнопку мыши можно идентифицировать по event.button https://learn.javascript.ru/mouse-events-basics .
Второе. Нужно найти URL предыдущей страницы https://stackoverflow.com/questions/3528324/how-to... .

В итоге пишем немного строк обработчика: если нажали на левую кнопку, переход на предыдущую страницу в текущей вкладке c помощью history.back(), а если нажали на среднюю кнопку, то переход на предыдущую страницу в новой вкладке с помощью функции window.open(prevPageUrl);

В jQuery есть замечательный метод parents(). Он ищет родителя с заданным селектором, не ограничиваясь одним уровнем.

В вашем случае надо найти root-овый элемент - это .item.

link = $(".item h2 a");
text = link.text();
root = link.parents(".item");
button = $(".button a",root); // вот тут ссылку, вызывающую модальное окно ищем в контексте root-ового элемента .item - он указан после запятой.
button.attr("title",text);

Но это только пол дела. Дальше надо передать заголовок в модальное окно. А это уже отдельный вопрос. Всё зависит от того, как вызывается модальное окно. Присутствует ли оно в DOM до момента вызова (спрятанный блок) или загружается ajax-ом. По ссылке вида #modal делаю вывод, что оно уже присутствует в коде. Поэтому лучший вариант - не делать промежуточный этап с заданием атрибута title для кнопки, а сразу искать в DOM тэг заголовка модального окна и вставлять полученный текст в него.

На jQuery:
https://codepen.io/tsymbal_su/pen/PoPKXGK


css:

section.active {
  display: block;
}
section:not(.active) {
  display: none;
}

js:

jQuery(document).ready(function($){

  $("section:nth-child(1)").addClass("active");

  $(document).on("click","section.active button",function(){
    if ($(this).text()=="Next") {
      $(this).parents("section").removeClass("active").next("section").addClass("active");
    } else if ($(this).text()=="Back") {
      $(this).parents("section").removeClass("active").prev("section").addClass("active");
    }
  });
  
})

И всё-таки, не очень изящно писать столько кода на JS, когда всё можно сделать 3мя строками CSS.

Единственная поправка: я инлайновые стили из svg удалил, перенес их в css. Дурной тон - использовать инлайновые стили svg, который является частью интерактивного веб-интерфейса. Делайте как хотите.

Точно сказать не могу (мало вводных), но судя по записи в консоли, сайт не может получить картинку "2map-marker.png", с которой потом как-то работает jquery, поэтому всё крашится. Посмотрите в панели разработчика вкладку network, исправьте все 404 ошибки и будет вам "щасте" :)

1. У них всё то же самое с браузерами, как и у нас gs.statcounter.com/browser-market-share/all/china
2. bootstrap - вообще никак не относится к сайтам на китайском языке. Это только вас касается, т.к. bootstarp - это просто набор заготовок кода. Адаптивные сайты у них есть, т.к. есть мобильники (вы не поверите!). Сам делал адаптивку для них.

По поводу дизайна - это да. Они любят олдскульчик. Контраста побольше и ярких цветов - это для Азии стандарт. Помните праздник красок у индийцев - вот представьте его и рисуйте.

По поводу особенностей верстки - следует учитывать, что у них иероглифы гораздо более детализированы, чем латинские/кириллические символы. Поэтому я бы рекомендовал использовать шрифты побольше, чем при верстке сайтов "для европы".

Китайцы также любят wow-эффекты, но более прагматичны в плане их применения, т.к. ориентируются всё-таки на кроссбраузерность, а не на топ-гаджеты.

ну (не углубляясь в код js-файла, т.к. там на день зависнуть можно) осмелюсь предположить, что где-то в этом файле используются ajax-запросы, которые получают данные, из которых потом собирают содержимое canvas. попробуйте проанализировать запросы joxi.ru/brRno6YuJX4Lzr из инструментов разработчика. Я увидел там 2 ajax-запроса к несуществующим данным. но, судя по названиями адресов, это примерно то, что нужно.

Случайно набрел на ваш вопрос в гугле :)
Отпишусь, вдруг интересно до сих пор.

Нельзя добраться до методов (или как там они называются) объекта window, пока они не определены. Определение yaCounter происходит после подгрузки скрипта watch.js (его, в свою очередь, запрашивает код метрики, размещенный у вас на страницах). Т.е. сразу после загрузки кода страницы этого сделать нельзя.
Но можно дождаться $(window).on("load") - это с помощью jQuery. И после полной загрузки страницы попробовать получить доступ к yaCounterXXXX в window.

кажись, это slick глючит. я тоже, помню, сталкивался с подобной проблемой - с методами slick мороки очень много. Хотя сам слик - первый в моём инструментарии. Попробуйте обновить слик до последней версии - там вроде как многое меняется сейчас в методах и событиях - посмотрите на оф. сайте. Ищите в англоязычном сегменте ответы. Там их гораздо больше.
И если решили проблему - напишите, как это сделали. Интересно.

у метода jquery $.ajax есть такой параметр как success (оформляется аналогично complete и statusCode) - он срабатывает при успешном срабатывании метода: т.е. если запрос выполнен и возвращена какая-то информация.

Вы можете использовать success для обработки полученных данных. Вижу, что вы получаете ответ в JSON. Засуньте в него какой-нибудь флаг, например "is403" со значениями true или false. И устанавливайте флаг только в том случае, если 403 сработал.
тогда кусок скрипта будет следующим:

....
success: function(data) {
   var answer = JSON.parse(data);
   if (answer.is403 === true) {
      //делаем редирект
   } else {
      //делаем что-нибудь другое, если флаг 403 не установлен, а значит, возвращены какие-то данные
   }
}

thematthewhudson.com/current-device вам поможет Device.js
Это маленький скрипт (~4кб), который я вставляю перед jQuery во всех своих проектах. Безотказно определяет тип устройства, ОС и разворот экрана.

UPD 2021: Актуальная ссылка: https://github.com/matthewhudson/current-device

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

вообще, нужно достаточно хорошо разбираться в теории html, css, js, чтобы верстать такие вещи самостоятельно.
Не знаете основ? - тратите зря время, пытаясь перепрыгнуть огромный теоретический пласт и перейти сразу к практике. Ничего не получится.

Javascript - по нему работы больше будет.

плагином jquery.form - он работает с мультипартовыми формами

Гуглите БЭМ.

Вообще, это личное дело каждого кодера.

Я лично считаю, что лучше использовать подчеркивание для определения единого блока, а тире - для разделения блоков. Например, когда нужно быстро скопировать class или id, мы обычно дважды кликаем по нему в редакторе. Смотрим на реакцию:

class="klikni_po_mne_dvazhdy"
class="klikni-po-mne-dvazhdy"

Очевидно, что первым вариантом управлять удобнее.

Далее, если имеем вложенность, то отделяем все внутренние элементы с помощью тире, например:
class="video_player---buttons---play_button"
Ну тут я нарочно использовал 3 тире подряд, чтобы было нагляднее видно разделение вложенности (про вложенность гуглите БЭМ).

ну сразу приходит на ум jquery.form
malsup.com/jquery/form