3

我正在使用 JQVMap 来显示国家/地区。

如果该国家/地区悬停，则通过正确的 ajax 显示计数。

问题是当我快速将许多国家悬停时，它会附加到我停止的一个标签中，所以基本上它会“堆叠”标签。

例子：

我一次徘徊太多国家。例如，我在意大利停下来，所有的“学校计数”都将附加在那里。

这是我的 JS 代码

$(document).ready(function(){
jQuery('#vmap').vectorMap({
    map: 'world_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverOpacity: 0.7,
    selectedColor: '#666666',
    enableZoom: true,
    showTooltip: true,
    values: sample_data,
    scaleColors: ['#C8EEFF', '#006491'],
    normalizeFunction: 'polynomial', 
    onLabelShow: function (event, label, code) {

        if(sample_data[code] > 0) {
            //console.log(code);
            $.getJSON('/ajax/admin/ajaxcallpage', {country_key: code}, function(data) {
                //var school_count = 0;
                school_count = data;
                label.append(': ' + school_count + ' Schools'); 

            });
        }
    }
});
});
4

1 回答 1

3

问题是因为所有 AJAX 请求仍然被触发，一旦它们完成，所有结果都会添加到标签中。您可以通过调用返回的 fromabort()来取消先前的请求。试试这个：jqXHR$.getJSON

var lastRequest; // variable to store the previous request

jQuery('#vmap').vectorMap({
    map: 'world_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverOpacity: 0.7,
    selectedColor: '#666666',
    enableZoom: true,
    showTooltip: true,
    values: sample_data,
    scaleColors: ['#C8EEFF', '#006491'],
    normalizeFunction: 'polynomial', 
    onLabelShow: function (event, label, code) {
        if (sample_data[code] > 0) {
            lastRequest && lastRequest.abort(); // abort the previous request

            lastRequest = $.getJSON('/ajax/admin/ajaxcallpage', {
                country_key: code
            }, function(data) {
                school_count = data;
                label.append(': ' + school_count + ' Schools'); 
            });
        }
    }
});
于 2015-12-22T15:44:36.040 回答