google映射监听器只工作一次，jQuery

Question

我的页面上有一张谷歌地图，它与使用jQuery的图片交替出现。我的google地图侦听器查找mouseover和mouseout事件，并停止与图像的交互，但是这只工作了一次，监听器似乎被移除了，所以我可以通过移动鼠标来“暂停”地图来查看地图，然后用鼠标点击恢复“交替”，但是当我想暂停动画以再次查看地图时，它不会暂停。我似乎不能对听众作出反应。

我的jQuery

    function switchBox() {
    $('#imagebox7img').toggle('slow', 'linear');
    $('#map-canvas').toggle('slow', 'linear');
}

$('#imagebox7img').hide();

var interval = setInterval(switchBox, 5000);

谷歌地图代码：

var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);


google.maps.event.addDomListener(map, 'mouseover', function() {
mouseoverInterval(map);
});

google.maps.event.addDomListener(map, 'mouseout', function() {
mouseoutInterval(map);
});


    function mouseoverInterval(map) {
        clearInterval(interval);
        }

    function mouseoutInterval(map) {
        setInterval(switchBox, 5000);
        }

 }

Answer 1

问题是在方法上：

function mouseoutInterval(map) {
    setInterval(switchBox, 5000);
}

哪些设置间隔返回，但变量处理程序interval没有再次设置。它应该改为

function mouseoutInterval(map) {
    interval = setInterval(switchBox, 5000);
}

此外，我还会使用addListener()。