没有jQuery的编码

Coding without jQuery

本文关键字：编码 jQuery 没有      更新时间：2023-09-26

这个回答说"监听infowindow的domready事件"，并提供了一个JSFiddle.com解决方案，其中包括以下代码。我怎么能编写这个没有$ s，我假设是jQuery?

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

像这样:

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/

由于markers数组中的id是数字类型，并且deleteMarker与if (markers[i].id === markerId) { .. }比较，因此确保id是数字类型(通过使用parseInt)是非常重要的。

使用文档。getElementById获取元素，然后使用addEventListener设置单击事件侦听器。对于.data呼叫使用getAttribute

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

IE <使用attachEvent代替addEventListener>

相关文章：