使用id的HTML调用函数

时间:2017-04-06 12:53:59

标签: javascript html onclick leaflet addeventlistener

下面的html代码调用plusSlides函数来激活数组,就像这样example

<div class="slideshow-container">
    <div class="mySlides" id=test1>
    </div>
    <div class="mySlides" id=test2>
    </div>
    <div class="mySlides" id=test3 >
    </div>
    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
    <a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>

plusSlides数组调用mySlides类后,我希望将传单图层添加到地图中。当用户点击prevnext时,即可完成此操作。下面的代码是test1的javascript示例:

document.getElementById("test1").addEventListener("toggle", waterMap);
function waterMap() {
    map.addLayer(watermainLayer);
}

我正在尝试为test1添加toggle事件侦听器,因此一旦调用了mySlides类,将激活waterMap功能,它将添加传单图层。我做错了,但不知道怎么做。愿有人帮助我吗?

1 个答案:

答案 0 :(得分:1)

如果我在哪里,我会采取简单的解决方案: 添加函数showSlides(n)

if(n == 1) //change for the index wherever you wants
   waterMap();

我使用你给我们的例子的链接