没有jQuery的编码

时间:2014-06-28 18:55:20

标签: javascript google-maps-api-3

This answer说“听取infowindow的domready事件”并提供JSFiddle.com解决方案,其中包含以下代码。如果没有我认为是jQuery的$,我怎么能编码呢?

google.maps.event.addListener(infowindow, 'domready', function () {
        $("#deleteButton").click(function() {
            deleteMarker($(this).data('id'));
        });
    });

2 个答案:

答案 0 :(得分:1)

像这样:

google.maps.event.addListener(infowindow, 'domready', function () {
    var button = document.getElementById('deleteButton');
    var id = parseInt(button.getAttribute('data-id'));  
    button.onclick = function() {
        deleteMarker(id);
    };
});
分叉小提琴 - >的 http://jsfiddle.net/BAv48/

确保id的类型编号非常重要(使用parseInt),因为id数组中的markers的类型编号为{{1}与deleteMarker进行比较。

答案 1 :(得分:0)

使用document.getElementById获取元素,然后使用addEventListener设置click事件侦听器。对于.data来电使用getAttribute

document.getElementById("deleteButton").addEventListener("click",function(){
   deleteMarker(this.getAttribute("data-id"));
});

注意IE< 9使用attachEvent代替addEventListener