聚合物纸张切换按钮

Polymer paper-toggle-button

本文关键字：按钮 张切换 聚合物      更新时间：2023-09-26

聚合物有一个名为纸张切换按钮的纸张。我的问题是，如何使用 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
    }
});
我不知道

如何使用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
  }
});

希望对您有所帮助

相关文章：