如何使用jquery更改位置sidenav实现？

Question

我想使用jquery为sidenav实现更改位置复选框，但这似乎不起作用。这是我的JS代码：

 $('#toggle-side-nav-position').click(function(){
  if($(this).is(':checked')){

    console.log('left');

    $('.side-nav-settings-toggle').sideNav({
      edge: 'left'
    });

  } else {

    console.log('right');

    $(".side-nav-settings-toggle").sideNav({
      edge: 'right'
    });

  }
});