使用jquery切换按钮的问题

Question

我在Google地图中有一个按钮，假设在点击时将绘图管理器设置为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 );
    }
} );