聚合物紙撥動按鈕

Question

聚合物有一個紙質物品，稱為“紙撥動按鈕”。 我的問題是，如何使用Jquery對此元素進行操作（如果打開或關閉）？

我做了一些可以在計算機上正常工作的事情，但是在移動設備上卻表現不佳！

$('#paper_toggle_button').click(function(){
    if($(this).hasClass('off')){
        $(this).addClass('on');
        $(this).removeClass('off');
        $(this).attr('aria-pressed','true');
        $('#clock').css('display','none');//action that must do
        $('#clock2').fadeIn('slow');//action that must do
    } else{
        $(this).addClass('off');
        $(this).removeClass('on');
        $(this).attr('aria-pressed','false');
        $('#clock').fadeIn('slow');//action that must do
        $('#clock2').css('display','none');//action that must do
    }
});

Answer 1

我不知道如何使用jquery，但是對於聚合物，您可以只使用on-tap屬性。

<paper-toggle-button on-tap="{{doStuff}}"></paper-toggle-button>

這將調用doStuff函數。 （請記住，這必須在模板內進行。例如在自定義元素內）

和js，你可以

var button = document.querySelector('#paper_toggle_button');
button.addEventListener('click', function () {
  if (button.checked) {
    // turn something off
  } else {
    // turn something on
  }
});

希望能幫助到你