關於使用jquery切換按鈕的問題

Question

我在Google Map中有一個按鈕，該按鈕應該在單擊時將繪圖管理器設置為NULL

$("#pauseedit").on("click",function(){
        drawingManager.setDrawingMode(null); 
});

它工作正常，但是您能不能讓我知道如何使其像

$("#pauseedit").on("click",toggle(){
 drawingManager.setDrawingMode(null); ,
 drawingManager.setDrawingMode(Polygon);

 });

謝謝

Answer 1

我不記得您是否可以訪問drawingManager.drawingMode值。 如果這樣做，可以通過if進行測試：

$( "#pauseedit" ).on( "click", function () {
    if ( drawingManager.drawingMode === null ){
        drawingManager.setDrawingMode( Polygon );
    }else{
        drawingManager.setDrawingMode( null );
    }
} );

如果不能，則可以在#pauseedit上使用一個類來控制該類：

$( "#pauseedit" ).on( "click", function () {
    if ( $(this).hasClass('drawingModePolygon') ){
        //if has the class, it is on edit mode, turn it off
        $(this).addClass('drawingModeNull').removeClass('drawingModePolygon');
        drawingManager.setDrawingMode( null );
    }else{
        //otherwise add the class and change the drawing
        $(this).addClass('drawingModePolygon').removeClass('drawingModeNull');
        drawingManager.setDrawingMode( Polygon );
    }
} );