jQuery click and call function not working

Asked Mar 28 '17 at 16:31

Active Mar 28 '17 at 16:42

Viewed 80 times

I use d3.js and dc.leaflet.js to draw cluster map and markers map. ".cluster(true)" or ".cluster(false)" can change the map style.

var MKmarker = dc_leaflet.markerChart("#map")
    function drawmap(MapTypeBoolean) {
      MKmarker
        .dimension(geoDim)
        .group(geoGroup)
        .center([23.5, 121])
        .zoom(7)
        .cluster(MapTypeBoolean)//MapTypeBoolean true = cluster map / false = marker map
        .renderPopup(false)
        .filterByArea(true);
    };
drawmap(true); // The default is cluster map

I set two buttons to switch the map by calling drawmap function again with different Boolean, but they don't work.

$('.marker').click(function() {
    $('.cluster').addClass('btn-default');
    $('.cluster').removeClass('btn-info');
    $(this).removeClass('btn-default');
    $(this).addClass('btn-info');
    drawmap(false); // When the 'marker'button is clicked, it should call drawmap function again with 'false'. ->But it doesn't work.
});

Here is my codepen. https://codepen.io/skysky888/pen/bqmpEe

Thank you~

edited Mar 28 '17 at 16:42

RPichioli

3,245
2
25
29

asked Mar 28 '17 at 16:31

Elsie

where is the `.marker` in your code? I don't see it! – funcoding Mar 28 '17 at 16:36
It's in line 17 in HTML. Thank you~ – Elsie Mar 28 '17 at 16:47
I got an error: L.mapbox is undefined Are you missing a reference somewhere? – Korgrue Mar 28 '17 at 16:50
I know the function is being called I placed some logs there! – funcoding Mar 28 '17 at 17:02
@Korgrue I find that I add an useless JavaScript file(keen.dashboard.js). It causes the error. – Elsie Mar 29 '17 at 15:33
I create two overlapping divs and use show() hide() functions to achieve the result I want. Thank you for helping. ^_^ – Elsie Mar 29 '17 at 15:39

jQuery click and call function not working

0 Answers0