Question

Polymer有一个名为paper-toggle-button的纸质项目。我的问题是，如何使用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
  }
});

希望有所帮助

聚合物纸切换按钮

1 个答案: