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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,529
    Total Members
    3,128
    Most Online
    TS-42101
    Newest Member
    TS-42101
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.

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

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

    • Здравствуйте. Для реализации такой задачи Вам требуется для каждого <div> задать уникальный класс. <div class="niz red"></div> <div class="niz blue"></div> <div class="niz green"></div> .niz.red { background: red; } .niz.blue { background: blue; } .niz.green { background: green; }  
    • Добрый вечер, ребята.   Вторые сутки блуждаю в сети и не могу найти ответ на свой вопрос.  .niz:hover {
        background: red;   этим кодом я получил возможность менять цвет определенного блока наведением курсора, вопрос в следующем.  Как делать, что бы после каждого наведения цвет менялся на другой а не на один и тот же. То есть зеленый, красный, оранжевый и так далее, спасибо большое
    • Добрый день! На бесплатном хостинге делал сайт. На сайте имеется поиск. В меню имелись и страницы и рубрики.  В рубриках есть естественно записи. В поиск вбиваю инфу для поиска. Инфа есть и в записях в рубриках и на страницах. Но вот через поиск находит инфу только в записях и рубриках  а вот страницы не показывает. Т.е. если посетитель будет вбивать в поиск инфу которая есть только на страницах он ее не увидит? А в записях (постах) поиск найдет?
  • Popular Contributors