如何使用jQuery添加切换按钮

How to add a toggle button with jQuery

本文关键字：按钮 添加 何使用 jQuery      更新时间：2023-09-26

我在谷歌地图上有一个按钮，当点击

时，应该将绘图管理器设置为NULL
$("#pauseedit").on("click",function(){
        drawingManager.setDrawingMode(null); 
});

它工作得很好但是我想让它切换成

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

我不记得你是否可以访问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 );
    }
} );
相关文章：