Ассоциирование Список элементов с Google Map Marker

Question

Если вы посмотрите на первую скрипку:

https://jsfiddle.net/80m1psmy/7/

будет легче понять.

В принципе, ли в первой вкладке «бары» работают нормально, если вы нажмете на li, соответствующий маркер показывает, что это информация. Однако это не работает для других вкладок?

Я хочу иметь одинаковую функциональность для всех вкладок.

Вот ассоциированный код:

$('#bars-list li').each(function(i, e) { 
    $(e).click(function(i) { 
     return function(e) { 
      google.maps.event.trigger(gmarkers[i], 'click'); 
     } 
    }(i)); 
}); 

Я думаю, мне нужно добавить $(this), так что это не относится к одному конкретному списку, но не уверен, о том, как осуществить это?

Спасибо заранее!

Answer 1

Вопрос - ваш селектор #bars-list li.

Даже если вы добавите тот же код для других вкладок, он не будет работать должным образом, потому что индекс (i) будет основан на элементах текущей вкладки, а не на всех элементах, поэтому, когда вы нажимаете на, например, первый элемент любой вкладки будет запускать клик всегда для первого маркера (не для первого маркера соответствующей категории).

Вы должны использовать селектор, который включает в себя все элементы, например. .lists li

https://jsfiddle.net/6mqooqd9/