Jump to content
  • Sign Up
npofopr

Клик только внутри блока

Recommended Posts

слишком много не нужного мне кажется
зачем each?
если нужен был клик по кнопке и отображение карты под ней достаточно одного on click было

Share this post


Link to post
Share on other sites

Пропустил комментарии я. 

 

21.10.2019 в 16:59, Switch74 сказал:

зачем each?

Это наследие текущего шаблона. Т.е. в шаблоне вывода адресов так сделано. 
Внутренний each вроде не нужен, да. 

Остальное, это всё вывод карты. 

21.10.2019 в 16:59, Switch74 сказал:

если нужен был клик по кнопке и отображение карты под ней достаточно одного on click было

Просто по обычному онклику клик проходит по всем элементам с таким же классом. 

Share this post


Link to post
Share on other sites

там нужно было относительно элемента по которому кликнули работать, например
суть где-то рядом https://jsfiddle.net/datjgu6n/
точно не помню и не знаю что вам требовалось сделать конечно, может быть наведет на какие-то мысли
 

Share this post


Link to post
Share on other sites

У меня оказывается в принципе, так и было. 
Ломало всё только инициализация карты. 

Немного переделал https://codepen.io/npofopr/pen/RwwaodB 

Теперь думаю, как проще карту "удалять" при повторном клике. 
И кажется придумал. Самое простое, наверно, сделать две кнопки. Одна добавляет, другая удаляет) 

Share this post


Link to post
Share on other sites

У меня оказывается в принципе, так и было. 
Ломало всё только инициализация карты. 

Немного переделал https://codepen.io/npofopr/pen/RwwaodB 

Теперь думаю, как проще карту "удалять" при повторном клике. 
И кажется придумал. Самое простое, наверно, сделать две кнопки. Одна добавляет, другая удаляет) 

Во. И соседние вроде очищаются. И даже на проде работает) 
Ковнокод правда, но и так пойдёт))

https://codepen.io/npofopr/pen/RwwaodB

Теперь правда проблема в карту сбрасывать. Почему то,

1. если нажать на name2
2. открыть карту
3. нажать на Список городов
4. а потом снова нажать на name2 -> Показать карту, то карт уже получается две. 

Вроде и элемент удаляю. А аппенд как бы два раза срабатывает. 

Share this post


Link to post
Share on other sites

в
$(".city_name").click(function() {
у вас происходит
$(".active .city_list__info .toggle--open").on("click", function(e)
т.е. при втором нажатии на элементы вешается еще раз click и их становится 2
если нажать 3 раза, то будет 3 карты

вариант вытащить 
$(".active .city_list__info .toggle--open").on("click", function(e)
из
$(".city_name").click(function() {
 

Share this post


Link to post
Share on other sites

Хм. Точно. 

Вынес, https://codepen.io/npofopr/pen/RwwaodB?editors=0010
и вроде даже как надо работает. 

Оказывается, так, не работает после аякса)

$(".back_to_city").click(function (e) {

А так сработало

$(document).on('click', '.back_to_city', function (e) {

🙂 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Member Statistics

    46,884
    Total Members
    1,451
    Most Online
    yalstudio
    Newest Member
    yalstudio
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

  • Спрашивают сейчас

  • Пишут сейчас

    • Мы приглашаем в нашу команду опытного верстальщика для работы над клиентскими проектами. Что предстоит делать: Кроссбраузерная адаптивная вёрстка сайтов и отдельных web-страниц по предоставленным макетам; Кроссбраузерная адаптивная вёрстка сайтов и отдельных web-страниц по предоставленным макетам (ps, figma); Поддержка и доработка frontend-части действующих сайтов; Вёрстка писем. Требования: Экспертное владение CSS3, HTML5; Знание Photoshop достаточное для верстки макетов; Навыки кроссбраузерной, адаптивной верстки; Отличные знания JS, технологий Ajax, JSON; Хорошее знание jQuery, Bootstrap https://www.yalstudio.ru/company/vacancy/.  о нас и работев нашей компании
    • Оптимизированный хостинг для проектов на Bitrix: Управление сайтом Владельцы и администраторы сайтов на CMS Bitrix знают, что при всех преимуществах данной системы управления контентом важно правильно выбрать хостинг, так как она достаточно требовательна к ресурсам. Обычный shared-хостинг не всегда отвечает требованиям производительности, в особенности, когда речь идет об интернет-магазине с сотнями товарных единиц (SKU) и существенным потоком трафика. Пользователи не могут нормально взаимодействовать с контентом и просто покидают сайт, недовольные скоростью его работы. В результате владельцы теряют потенциальных покупателей, а с ними и возможную прибыль. Мы поставили перед собой задачу предоставить владельцам сайтов сервис, адаптированный под Bitrix: Управление сайтом, способный быстро и стабильно работать при большом количестве трафика и с большим объемом информации. Что из этого получилось, читайте в статье.
    • Более подробно о тестовом периоде здесь  ,могу сказать что это очень полезно для людей который изначально хотят проверить продукт
  • Popular Contributors

×
×
  • Create New...