聚合物纸切换按钮答案

【问题标题】：Polymer paper-toggle-button聚合物纸切换按钮
【发布时间】：2014-12-14 20:34:36
【问题描述】：

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
    }
});

【问题讨论】：

标签： javascript jquery toggle polymer

【解决方案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
  }
});

希望对你有帮助

【讨论】：